Vue数组更新检测

最新推荐文章于 2023-06-15 22:01:04 发布

男孩子小杨

最新推荐文章于 2023-06-15 22:01:04 发布

阅读量826

点赞数

分类专栏： vue.js 文章标签： Vue数组检测 Vue对象检测 js数组检测

本文链接：https://blog.csdn.net/qq_43495629/article/details/121455322

版权

本文详细介绍了Vue中数组更新检测的问题，包括可以立即生效的数组操作如push、sort等，以及不会触发视图更新的数组方法如concat、slice等，并提供了相应的解决方案，如使用Vue.set或splice方法确保数组元素变化时视图能正确更新。

摘要由CSDN通过智能技术生成

一、可以检测变动的数组（立即生效）

可以检测变动的数组方法：push()、pop()、shift()、unshift()、splice()、sort()、reverse()
center

不能检测变动的数组方法：concat()、filter()、slice()、map()

解决办法：可以通过赋值新数组来改变原数组

	//其他方法同样
	myArr.concat( newValue , newValue2, ……);
	myArr = myArr.concat( newValue , newValue2, ……);

myArr.item[index] = newValue,是无法直接动态渲染列表的，所以采用如下两种方式：

Vue.set( target, propertyName/index, value )【别名vue.$set( target, propertyName/index, value )】
splice( index，numbers，newValue1，newValue2……);
实例1：从索引为-2的位置删除一个元素，插入1345
```
 var myFish = ['angel', 'clown', 'mandarin', 
```