el-select显示名称(label)没有随着选择的改变而更新问题

放了一周没解决的问题,原来是vue无法监听动态新增属性的变化,用 this.$set()就行

 <el-select v-model="model.Id" placeholder="名称" @change="handleChange">
           <el-option v-for="item in list" :key="item.Id" :label="item.Name" :value="item.Id"/>
             </el-select>

data() {
    return {
    model:{
      Id:0
    }
  }
}
   
handleChange(value){
      this.$set(this.model,this.model.Id,value)
    }

参考:

https://blog.csdn.net/weixin_46127011/article/details/128565234

posted @ 2024-08-16 10:40  你的Annie  阅读(239)  评论(0)    收藏  举报