例如:
<el-date-picker v-model="form.expireTime" format="yyyy-MM-dd" value-format="yyyy-MM-dd" style="width: 100%;" size="small" ></el-date-picker>
當直接給form.expireTime 賦值是 form.expireTime = value , 界面沒有變化。但是form.expireTime值已經(jīng)更新了。
原理:受 ES5 的限制,Vue.js 不能檢測到對象屬性的添加或刪除。因為 Vue.js 在初始化實例時將屬性轉(zhuǎn)為 getter/setter,所以屬性必須在 data 對象上才能讓 Vue.js 轉(zhuǎn)換它,才能讓它是響應(yīng)的。
要處理這種情況,我們可以使用$set()方法,既可以新增屬性,又可以觸發(fā)視圖更新。
this.$set(form, "expireTime", value)
為什么要寫出來
直覺告訴我,可以使用$set方法。果然有效。
幫別人解決問題很開心/::D/::D/::D/::D/::D