码迷,mamicode.com
首页 > 编程语言 > 详细

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

时间:2019-01-29 18:12:10      阅读:656      评论:0      收藏:0      [点我收藏+]

标签:set   ssi   element   rev   array   怎么   this   shift   属性   

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的data里面的值是数组时,在更改其某一项的时候,怎么触发视图的重新渲染?

标签:set   ssi   element   rev   array   怎么   this   shift   属性   

原文地址:https://www.cnblogs.com/chun321/p/10334270.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!