vue3响应式数据重复

记一次bug。。

由于【甲方负责人】的表单是响应式的,然后直接添加到另一个响应式的数组里了,就会造成【更改表单内容,也会使数组里的值发生变化

解决方法

1 //添加到列表,做临时显示
2 const addresponsible = () => {
3   const newResform = { ...resform }; // 添加数组之前 创建 resform 的拷贝
4   resList.push(newResform); //添加拷贝后的对象
5 };

这样就可以了。

ps: 三个点(...)的用法参考:es6 扩展运算符 三个点(...)_暮志未晚Webgl的博客-CSDN博客

 

posted @ 2023-08-29 11:53  小雨转晴被占用了  阅读(86)  评论(0编辑  收藏  举报