Element ui select获取label的值

Posted wangjae

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Element ui select获取label的值相关的知识,希望对你有一定的参考价值。

<el-select v-model="value" @change="change">
  <el-option v-for="item in list" :key="item.id" :label="item.name :value="item.id"></el-option>
</el-select>             

监听事件

change(val){
  let obj = {};
  obj = this.list.find((item)=>{//遍历list的数据
    return item.id === val;//筛选出匹配数据
  });
  console.log(obj.name);//获取list里面的name
}

 

以上是关于Element ui select获取label的值的主要内容,如果未能解决你的问题,请参考以下文章

Element ui select同时获取value和label的值

element -ui select下拉框label显示多个值

基于Element UI select组件实现同时支持通过label和value过滤列表

element-ui的el-select如何不显示value,显示value对应的label值

element-ui Cascader 获取对应的 label

element ui中el-select 使用