vue3 响应式问题computed

Question

const arr = [{a:1,b:2}, {a:2, b:3}];
const num = computed(() => {
	let a = 0;	
	arr.forEach(item => {
		a+=item.a		
	}
})
当arr的a发生变化时，num不会重新渲染，我就想用computed来搞，请问老师有啥好方法吗，
我试过用arr = [...arr]但还是不行

Answer 1

Sunday 2023-04-02 10:56:29

你好

楼上说的很对。 computed 并不可以检测所有数据（非响应性）的更新。你可以给 arr 增加一个 reactive 或 ref

• 提问者 qq_再见了我的青春_0 #1

  我加过，没用我用reactive包裹了， 但是并没有响应

• Sunday 回复 提问者 qq_再见了我的青春_0 #2

  你还需要改变 arr 数组的值。

Answer 2

simple8514650 2023-04-02 10:21:00

不是响应数据