刚学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值,也就是和页面绑定的值,而第一种并没有改变和页面绑定的值。