Vue elementui中el-select获取选中label的值

最新推荐文章于 2024-02-19 17:18:32 发布

iiiilooaixuud

最新推荐文章于 2024-02-19 17:18:32 发布

阅读量4.5k

点赞数 1

分类专栏： vue 页面遇到的基础问题 element ui 文章标签： vue.js elementui javascript

本文链接：https://blog.csdn.net/qq_46617584/article/details/127561315

版权

页面遇到的基础问题同时被 3 个专栏收录

101 篇文章 3 订阅

订阅专栏

vue

91 篇文章 0 订阅

订阅专栏

element ui

15 篇文章 0 订阅

订阅专栏

针对控件el-select中的option一个是label一个是value;

在控件中change方法或者v-model我们只能拿到value，下面是获取到label的方法：

<el-select @change="getLabel">
    <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
</el-select>
 
 
<script>
...
getLabel(value) {
      let opt= {};
      opt= this.options.find((item)=>{
          return item.value === value;
      });
      console.log(opt.label);
}
</script>