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;
      });
    },
  
}
相关推荐
奔跑的web.20 小时前
TypeScript 装饰器入门核心用法
前端·javascript·vue.js·typescript
pas13621 小时前
37-mini-vue 解析插值
前端·javascript·vue.js
十里-1 天前
vue.js 2前端开发的项目通过electron打包成exe
前端·vue.js·electron
console.log('npc')1 天前
vue2 使用高德接口查询天气
前端·vue.js
天天向上10241 天前
vue3 实现el-table 部分行不让勾选
前端·javascript·vue.js
Mr Xu_1 天前
前端实战:基于Element Plus的CustomTable表格组件封装与应用
前端·javascript·vue.js·elementui
diygwcom1 天前
自已学习Cursor Skills Vue实现第一个例子
前端·vue.js·学习
小马_xiaoen1 天前
Vue3 + TS 实现一键复制指令 v-copy(优雅解决文本复制需求)
前端·javascript·vue.js
王同学 学出来1 天前
vue复习
前端·javascript·vue.js
Irene19911 天前
Vue 3 中使用 Vue Router 实现 SPA(单页应用)
vue.js·spa·router