数组使用reative后,怎么做清空的操作?我试了重新赋值一个 [] 或 reative([ ]) 好像不行,arr.length = 0是可以的。

来源:6-8 computed方法生成计算属性

不令而行

2021-09-16

数组使用reative后,怎么做清空的操作?我试了重新赋值一个 [] 或 reative([ ]) 好像不行,arr.length = 0是可以的。 

重新赋值一个 [] 或 reative([ ]) 后,打印一下数组确实是空数组,但是却没有更新视图,也就是页面。


写回答

1回答

Dell

2021-09-17

我看你怎么写的重新赋值,给一个reative([ ])  肯定可以更新的

0
3
不令而行
回复
Dell
let arr = reactive([]) 这样定义的数组做清空操作好像只能用 arr.length = 0 方式,其它操作页面一律不会更新。 但是使用 const arr = reactive([]) 这种方式来定义的话,无法更新数据,页面也不会更新。 所以,只能用 const data = reactive({ arr:[] }) 或者 const arr = ref([]) 这两种方式。 更新数据的时候 data.arr = [] 或 arr.value = [] 。 我觉得应该是我对reactive和ref的使用方法有误解。 reactive: 返回 对象 的响应式副本 ref: 接受一个内部值并返回一个响应式且可变的 ref 对象 今天又看了下文档的描述,差不多理解了。
2021-10-21
共3条回复

Vue3入门与项目实战 掌握完整知识体系

明星讲师DELL亲授,全方位知识点+高匹配度项目,入门到深度掌握

3382 学习 · 1454 问题

查看课程