最近在寫項目時遇到復選框數據更改但是界面未被選中的問題，通過打印結果可以看到v-model數據已經更改但是界面并未更改狀態，通過查詢得知，雖然數據變了，但并沒有觸發model的set方法，所以當首次將selfModel設置為true后，后面get方法得到的值一直是true。產生這個問題的原因是，Vue 為了盡可能高效地渲染元素，通常會復用已有元素而不是從頭開始渲染。

• 這里推薦一個內置方法 this.$forceUpdate()
  
  使用的話就直接用就行

//html<el-checkbox @change="initIpt" class="ml30" v-model="buildObj.constructionFeature.concrete":disabled="enginnerObj.inTypeBool? true:!buildObj.constructionFeature.main_structure_engineering">混凝土</el-checkbox>>//輸入框需要重新渲染的話也可以用<el-input@input="initIpt()"v-model="buildObj.constructionFeature.design_cooling_load" :placeholder="enginnerObj.inTypeBool?'':'單位（冷噸）'" size="mini"></el-input>//jsinitIpt(){this.$forceUpdate()},

總結

以上是生活随笔為你收集整理的Element-Ui 复选框动态改变绑定值，复选框未勾选问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。