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

• 這里推薦一個內(nèi)置方法 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()},

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。