工作中用到同时获取key和label这种需求,把我的实现代码贴出来帮助有需要的人:
<template>
<div>
<el-select class="select_width" multiple v-model="RoleCode" @change="select_RoleName"
placeholder="请选择角色">
<el-option
v-for="item in Data"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</div>
</template>
<script>
export default {
data(){
return{
Data:[
{label:'测试',value:'2'}
],
RoleCode:' ',
DataName:' '
}
},
methods:{
select_RoleName(vld){
let obj = {};
obj = this.Data.find((item)=>{ //这里的Data就是上面遍历的数据源
return item.RoleCode === vld; //筛选出匹配数据
});
this.DataName = obj.label;
}
}
}
</script>