首页
归档
笔记
树洞
搜索
友言

文章详情

Interesting People Record Interesting.

/ JavaScript / 文章详情

Element UI - el-select 同时获取 value 和 label 的值

Sonder
2022-12-05
697字
2分钟
浏览 (1.4k)

复制代码
<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.id);
 console.log(obj.name); // 这边的name就是对应label
}

转载
https://blog.51cto.com/u_10980859/5303395

下一篇 / vue实现动态展示波浪效果

🎯 相关文章

💡 推荐文章

🕵️‍♂️ 评论 (0)