直接更改data中的狀態(tài) 頁面是無法立即渲染的 嘗試使用了強(qiáng)制渲染和this.$nextTick(()=>{})方法 還是沒有效果
Vue不能檢測到對象屬性的添加或刪除。由于 Vue 會在初始化實例時對屬性遍歷執(zhí)行 getter/setter 轉(zhuǎn)化過程,所以屬性必須在 data 對象上存在才能讓 Vue 轉(zhuǎn)換它,這樣才能讓它是響應(yīng)的。文章來源地址http://www.zghlxwxcb.cn/news/detail-559938.html
需要調(diào)用this.$set()方法
his.$set()是將set函數(shù)綁定在Vue原型上
this.$set(Object, key, value)
// 有時你想向已有對象上添加一些屬性,例如使用 Object.assign() 或 _.extend() 方法來添加屬性。
// 但是,添加到對象上的新屬性不會觸發(fā)更新。
// 在這種情況下可以創(chuàng)建一個新的對象,讓它包含原對象的屬性和新的屬性:
this.someObject = Object.assign({}, this.someObject, { a: 1, b: 2 })
if (val === "0") {
this.$set(this.FormConfig.data[0], "disabled", true);
} else {
this.$set(this.FormConfig.data[0], "disabled", false);
}
},
文章來源:http://www.zghlxwxcb.cn/news/detail-559938.html
到了這里,關(guān)于vue頁面內(nèi)更改狀態(tài),渲染視圖(設(shè)置input的disabled屬性)的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!