vue3中改变数组的值
刚学vue3，在写一个轮播图时，需要动态改变轮播图中的数据。每次需要先清空arr，然后再重新往里面塞数据。开始尝试了第一种方法一直无效。后来使用了后两种是可行的。let arr = reactive([{id:1},{id:2}])1.赋值(以下两种方法皆无法生效，虽然arr的值变成空了，但是页面上还是原来的数据)arr = reactive([]) //可能是创造了一个新的对象，但是原来那个对象
·
刚学vue3，在写一个轮播图时，需要动态改变轮播图中的数据。每次需要先清空arr，然后再重新往里面塞数据。
let arr = reactive([{id:1},{id:2}])
1.赋值(以下两种方法皆无法生效，虽然arr的值变成空了，但是页面上还是原来的数据)
arr = reactive([]) //可能是创造了一个新的对象，但是原来那个对象还在，页面上的数据还是来自原对象
arr = [] //想想就不行
2.splice函数（可行）
arr.splice(0,arr.length)
3.给数组的length赋值为0（可行）
arr.length = 0
后两种改变的都是初始的arr值，也就是和页面绑定的值，而第一种并没有改变和页面绑定的值。
前往低代码交流专区
更多推荐
6
0- 0
已为社区贡献2条内容
所有评论(0)