首页 / 脚本样式 / Vue / 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.id);

console.log(obj.name); //我这边的name就是对应label的

}