wkiwi的博客

vue的data里面的值是数组时,在更改其某一项的时候,怎么触发视图的重新渲染?

发布时间:5年前热度: 25379 ℃评论数:

1. 设置对象或数组的值:Vue.set(target,key,value) ;


2.删除对象或数组中元素: Vue.delete ( target,key) ;


3. 数组对象直接修改属性,可以触发视图更新:

this.array[0].show = true;


4.splice方法修改数组,可以触发视图更新:

this.array.splice(indexOfItem, 1, newElement)


5.数组整体修改,可以触发视图更新:
var tempArray = this.array;
tempArray[0].show = true;

this.array = tempArray;


6.用Object.assign或lodash.assign可以为对象添加响应式属性,

可以触发视图更新:


7.Vue提供了如下的数组的变异方法,可以触发视图更新:
push()/pop()/shift()/unshift()/splice() /sort()/reverse()

vue赋值视图未更新,Vue.set,Vue.delete, splice

手机扫码访问