elementUI el-select 多选情况下获取选中项的label

最新推荐文章于 2025-03-31 14:50:09 发布

嵩小卢

最新推荐文章于 2025-03-31 14:50:09 发布

阅读量5.8k

点赞数

分类专栏： elementUI vue 文章标签： elementUI el-select elementUI el-select 多选情况下获取选中项

本文链接：https://blog.youkuaiyun.com/sxl131415/article/details/100152809

版权

vue 同时被 2 个专栏收录

20 篇文章

订阅专栏

elementUI

2 篇文章

订阅专栏

效果图：

控制台打印：

给el-select绑定change事件，当值改变的时候就会触发

     <el-select class="workshop" :multiple="multipleFlag" @change="selectGetFn" 
                   v-model="worksGUID3"  key="workshop3" clearable>
          <el-option
            v-for="item in watchWorks"
            :key="item.GUID"
            :label="item.名称"
            :value="item.GUID">
          </el-option>
        </el-select>

methods中定义方法 selectGetFn

this.watchWorks是获取的所有车间

    // 获取车间name
      selectGetFn(GUIDArr) {
        if (this.multipleFlag) {
          for (let i = 0; i < GUIDArr.length; i++) {
            let obj = this.watchWorks.find((item) => {
              return item.GUID === GUIDArr[i]

            })
            this.$set(this.worksNameArr, i, obj.名称)
          }
          console.log('选择的车间', this.worksNameArr);

        }
   
      },