- vuex書寫不規(guī)范導(dǎo)致組件視圖不更新置济?
在vuex中初始化一個對象,實際的值是嵌套對象,給vuex賦值是直接用obj.prop = {...};這種的,在組件的計算屬性若用到這個vuex則會導(dǎo)致視圖不更新偏化;這是因為vuex賦值書寫不規(guī)范,導(dǎo)致未觸發(fā)組件的計算屬性進(jìn)而導(dǎo)致視圖不更新镐侯。正確書寫應(yīng)該是:
Vue.set(obj,prop,{...})
這樣就會觸發(fā)計算屬性重新計算更新組件的視圖侦讨。
- 頁面嵌套組件時,數(shù)據(jù)未更新完畢就調(diào)用組件的函數(shù)導(dǎo)致組件中視圖不更新苟翻?
這種可以使用:
this.$nextTick(res=>{
//..調(diào)起組件函數(shù)的代碼
})
- 頁面中數(shù)據(jù)不更新韵卤?
這是因為賦值書寫不規(guī)范,書寫規(guī)范就可以:
this.$set(this.obj,prop,{...})