vue基于elementUI下拉Select同时获取value/id和label/name的值
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
免费下载资源
·
vue基于elementUI下拉Select同时获取value/id和label/name的值
// @change="onSelectedDrug($event)"
<el-select
v-model="searchForm.payee"
placeholder="请选择"
filterable
clearable
@change="onSelectedDrug($event)"
>
<el-option
v-for="(item, i) in collectList"
:key="i"
:label="item.userName"
:value="item.statementId"
/>
</el-select>
onSelectedDrug(e) {
this.collectList=[{
"userPhone": "18000000000",
"statementId": 123,
"userName": "张三"
}]
let obj = {};
console.log(this.collectList);
obj = this.collectList.find(item => {
//这里的userList就是上面遍历的数据源
return item.statementId === e; //筛选出匹配数据
});
console.log(obj.userName); //获取的 name;label
console.log(e); //获取的 id//value
this.searchForm.payee = obj.userName;
},
GitHub 加速计划 / eleme / element
54.06 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:2 个月前 )
c345bb45
6 个月前
a07f3a59
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update table.md
* Update transition.md
* Update popover.md 6 个月前
更多推荐
已为社区贡献1条内容
所有评论(0)