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

简介: Element UI - el-select 同时获取 value 和 label 的值
<el-form-itemv-if="isMD"label="业务员名称"><el-selectv-model="addBM.storeManagerName"@change="selectGet"filterablestyle="display:block;"placeholder="请选择门店业务员名称"><el-optionv-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);
letobj= {};
obj=this.userList.find((item)=>{ // 这里的userList就是上面遍历的数据源returnitem.id===vId; // 筛选出匹配数据  });
console.log(obj.id);
console.log(obj.name); // 这边的name就是对应label}

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

目录
相关文章
|
1月前
【UI】 element -ui select下拉框label显示多个值
【UI】 element -ui select下拉框label显示多个值
71 1
|
1月前
|
JavaScript
Vue给Element UI的el-popconfirm绑定按钮事件
Vue给Element UI的el-popconfirm绑定按钮事件
|
19天前
|
缓存 JavaScript 测试技术
如何创建一个VUE3项目并使用Element UI插件
如何创建一个VUE3项目并使用Element UI插件
|
2天前
|
JavaScript 前端开发 UED
Element UI 表单验证详解与实践
Element UI 表单验证详解与实践
4 0
|
1月前
|
JavaScript
vue element ui 打开弹窗出现黑框问题
vue element ui 打开弹窗出现黑框问题
37 1
|
1月前
【UI】 element ui 表格没有数据时用--填充
【UI】 element ui 表格没有数据时用--填充
54 2
|
1月前
【UI】elementui select点击获取label 和 value
【UI】elementui select点击获取label 和 value
18 1
|
1月前
Element - ui :el-input 输入只能是数字并且小数点后只能是1-2位
Element - ui :el-input 输入只能是数字并且小数点后只能是1-2位
238 1
|
1月前
|
前端开发 搜索推荐 开发者
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
|
1月前
|
JavaScript 前端开发 开发者
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍