0
点赞
收藏
分享

微信扫一扫

Element UI - el-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.id);
console.log(obj.name); // 这边的name就是对应label
}

Ps:其实可以在初始化的时候,就顺便初始化 label 和 value 之间的映射关系(推介)。


举报

相关推荐

0 条评论