視圖不更新有幾個(gè)原因:
1、根屬性不存在烛恤,而想要直接給根屬性賦值導(dǎo)致的視圖不更新母怜。此時(shí)初始化屬性的時(shí)候給根屬性初始化一個(gè)空值就可以了。
2缚柏、只有通過(guò)以下幾個(gè)方法更新數(shù)組
push()
pop()
shift()
unshift()
splice()
sort()
reverse()
vue才能檢測(cè)到數(shù)組更新苹熏。如果想直接通過(guò)下標(biāo)修改數(shù)組的話,就需要使用vm-set 方法來(lái)通知vue你更新了這個(gè)數(shù)組币喧。
語(yǔ)法為:vm.$set( target, key, value )
Vue.set(vm.obj,'k1','v1')
this.$set(this.obj,'k1','v1')
this.obj = Object.assign({}, this.obj)
this.obj = Object.assign({}, this.obj,{'k1','v1'})