vue3侦听一个ref对象数组当使用push改变变量值时侦听失效_vue3 数组push无效

作者：IT小白 | 2024-04-18 10:51:55

踩

vue3 数组push无效

现象：原本监听了ref对象数组list，当list.value = temp; 改变list值时监听有效，

但 list.value.push(item); 改变list值时监听失效了。而我需要每次改变list值时做一些处理。

原因：未使用深层侦听。

解决办法：watch使用深层侦听,加 { deep: true }。

例：


const list = ref([]);
 
---------改变list---------
list.value.push({id: '9', name: 'is'});
-------------------------
  
watch(list, (newVal) => {
  console.log('list发生了改变');
}, { deep: true })

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/IT小白/article/detail/445575