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;
      });
    },
  
}
相关推荐
康小旺12 小时前
AI 写 Vue 总写成同一个味道:给它装 Skills,装的不是知识是边界
vue.js·typescript
徐小夕13 小时前
JitKnow AI知识库 4.7 发布|多文档推理+拖拽 Agent + 技能库,打造更懂业务的 AI 知识中台
前端·vue.js·github
u01110267516 小时前
Canvas 导出 PNG 时 quality 参数为什么不起作用
前端·javascript·vue.js
计算机编程-吉哥18 小时前
计算机毕业设计 基于 SpringBoot + Vue 的剧本杀系统 Java毕业设计【任务书、开题报告、中期报告、论文、源码】
java·vue.js·spring boot·毕业设计·课程设计·计算机毕业设计选题
这里是杨杨吖18 小时前
SpringCloud+Vue民宿房屋租赁系统 附带详细运行指导视频
vue.js·spring boot·spring cloud·房屋·民宿租赁
小大宇1 天前
Vue知识点6-computed计算属性
前端·javascript·vue.js
程序员海军1 天前
尤雨溪 : Vue 4 已经在规划中了!
前端·javascript·vue.js
徐小夕1 天前
doc2docx方案,开源!
前端·vue.js·github
徐小夕1 天前
JitOFD:一款面向信创与档案场景的 Web 端 OFD 编辑器
前端·vue.js·github
星光开发者2 天前
基于springboot智慧草场牛羊管理系统-计算机毕设【课程设计】50360
vue.js·spring boot·后端·mysql·php·课程设计·express