el-select 使用

案例:

javascript 复制代码
/*
* label : 界面上展示的是哪个字段,我这里需要展示名称
* value : 绑定的字段,一般是id
*/

 <el-select
            v-model="Form.BillNumber"
            placeholder="请选择"
            @change="changeValue($event)"
          >
            <el-option
              v-for="item in optionLicensesID"
              :key="item.ID"
              :label="item.BillNumber"
              :value="item.ID"
            >
            </el-option>
 </el-select>




//获取 optionLicensesID 值,有两种写法。
methos:{

   /**第一种:直接赋值*/
   getMaterials() {
      this.$BillApi.GetOverLicenses({}).then((res) => {
        this.optionLicensesID = res.data.data;
      });
    },

  /**第二种**/
  optionsData() {
      let param = { DictID: "18" }; //采购类型
      this.$API.SysDictDataGetdata(param).then((res) => {
        let tempDictdata = res.data.data;
        let selectDict = [];
        tempDictdata.forEach((item) => {
          selectDict.push({
            label: item.Model.DataName,
            value: item.Model.DataID,
          });
        });
        this.optionSource = selectDict;
      });
    },
  
}
相关推荐
gnip5 小时前
企业级配置式表单组件封装
前端·javascript·vue.js
王王碎冰冰12 小时前
基于 Vue3@3.5+跟Ant Design of Vue 的二次封装的 Form跟搜索Table
前端·vue.js
天蓝色的鱼鱼13 小时前
Element UI 2.X 主题定制完整指南:解决官方工具失效的实战方案
前端·vue.js
我是日安14 小时前
从零到一打造 Vue3 响应式系统 Day 8 - Effect:深入剖析嵌套 effect
前端·vue.js
DevUI团队14 小时前
🚀 MateChat V1.8.0 震撼发布!对话卡片可视化升级,对话体验全面进化~
前端·vue.js·人工智能
好好好明天会更好14 小时前
pinia从定义到运用
前端·vue.js
代码小学僧14 小时前
Vite 项目最简单方法解决部署后 Failed to fetch dynamically imported Error问题
前端·vue.js·vite
东坡白菜15 小时前
SSE 实现 AI 对话中的流式输出
javascript·vue.js
猩兵哥哥19 小时前
前端面向对象设计原则运用 - 策略模式
前端·javascript·vue.js
EMT20 小时前
在 Vue 项目中使用 URL Query 保存和恢复搜索条件
javascript·vue.js