在vue的使用当中我们可能会遇到修改数据后vue视图不更新的情况,这种情况常出现在:
使用下标修改数组或对象的值时:
调用方法:Vue.set( target, key, value )
target:要更改的数据源(可以是对象或者数组)
key:要更改的具体数据
value :重新赋的值
enterprise: [{ title: '', introduce: '', imgs: [] }], //调换数组enterprise的两组数据位置,更新视图 let enbefore = this.enterprise[index - 1]; let enthis = this.enterprise[index]; this.enterprise[index - 1] = this.enterprise[index]; this.enterprise[index] = enbefore; this.$set(this.enterprise, index - 1, enthis); this.$set(this.enterprise, index, enbefore);