vue：数组改变，但视图没有更新

最新推荐文章于 2024-06-20 09:33:03 发布

原创最新推荐文章于 2024-06-20 09:33:03 发布 · 1.7k 阅读

0 ·

CC 4.0 BY-SA版权

vue2 专栏收录该内容

18 篇文章

订阅专栏

本文介绍了在Vue.js中更新数组的三种有效方法：使用数组自带的变更侦测方法如push和splice；利用Vue的$set方法来更新特定索引的值；以及在需要时清空并重新赋值数组，确保视图及时更新。

方法一：

使用vue能监听到的方法push ,slice ,splice ,pop,unshift,shift等；

方法二：

//参数：数组，索引（下标），值
this.$set(arrtemp,2,{name: 'xiao4!'})

方法三：

数组改变之前清空数组（根据需求），再赋值。

//清空数组的三种方式：
var arr=[1,2,3,4];
//No1:
arr.length=0;
//No2:
//方法2并鄙视严格意义上的清空，只是重新赋值为空数组，原先的数据若是没有引用，将会等待垃圾回收。
arr=[]；
//No3:
arr.splice(0,arr.length);