Element ui select同时获取value和label的值的方法

最新推荐文章于 2024-02-19 17:18:32 发布

欧皇夏老板

最新推荐文章于 2024-02-19 17:18:32 发布

阅读量155

点赞数

分类专栏：为你撰写的故事文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/weixin_44203782/article/details/130423706

版权

为你撰写的故事专栏收录该内容

36 篇文章 0 订阅

订阅专栏

在Vue.js中使用ElementUI的Select组件时，可以通过v-model获取value，并在change事件中通过遍历数据源找到对应的label。selectGet方法接收value，然后通过find查找匹配的用户对象，从而得到label。

摘要由CSDN通过智能技术生成

Element ui select同时获取value和label的值的实例

<el-form-item v-if="isMD" label="业务员名称">
       <el-select v-model="addBM.storeManagerName" @change="selectGet" filterable style="display:block;" placeholder="请选择门店业务员名称">
        <el-option
         v-for="item in userList"
         :key="item.id"
         :label="item.name"
         :value="item.id">
        </el-option>
       </el-select>
     </el-form-item>

//下拉框选中事件
  selectGet(vId){//这个vId也就是value值
   console.log(ha);
   let obj = {};
   obj = this.userList.find((item)=>{//这里的userList就是上面遍历的数据源
     return item.id === vId;//筛选出匹配数据
   });
   console.log(obj.name);//我这边的name就是对应label的
  }