解决elementUI中el-select组件的选中不显示问题

最新推荐文章于 2025-05-23 17:24:51 发布

吃鸡不费力

最新推荐文章于 2025-05-23 17:24:51 发布

阅读量5.8k

点赞数 6

CC 4.0 BY-SA版权

分类专栏：前端文章标签： vue

本文链接：https://blog.youkuaiyun.com/xrMrwhile/article/details/107590809

前端专栏收录该内容

1 篇文章

订阅专栏

本文探讨了el-select组件在多级联动场景下选中项不显示的问题,并提供了解决方案。通过在el-select中加入change事件,使用Vue的set方法重新赋值,可以有效解决该问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

el-select组件选中不显示的原因好像只出现在多级联动中,并且选中是有值的,只是单纯的不回显,可以在el-select中加入change事件,然后使用vue的set方法将值重新修改进去

<el-select style="width:60%;margin-left:10px" @change="abc" v-model="temp.region" placeholder="负责人">
            <el-option
              v-for="(item,index) in staff"
              :label="item.name"
              :value="item.sid"
              :key="index"
            ></el-option>
          </el-select>
//@change="abc"


abc(val){
      console.log("abc",val)
        //使用set重新赋值后一切正常
      this.$set(this.temp, this.temp.region, val)
    }