在下拉菜单中,传递的value参数为 id时,如何拿到其 label值?
<template>
<el-select
@change="selectGet"
class="cms-width"
v-model="info[item.field]"
filterable
remote
reserve-keyword
placeholder="请输入老师姓名"
:loading="loading"
v-if="item.field=='tplChannel'">
<el-option v-for="(item,index) in teacherList"
:key="index"
:label="item.realname"
:value="item.id">
</el-option>
</el-select>
</template>
<srcipt>
export default {
data() {
teacherList: [],
lxrname:'',
},
methods(){
selectGet(vId){//这个vId也就是value值
let obj = {};
obj = this.teacherList.find((item)=>{//这里的teacherList就是上面遍历的数据源
return item.id === vId;//筛选出匹配数据
});
console.log(obj);//我这边的name就是对应label的
this.lxrname = obj.realname;
}
}
}
</srcipt>