el-select顯示名稱（label）沒有隨著選擇的改變而更新問題

你的Annie發表於2024-08-16

放了一週沒解決的問題，原來是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

相關文章