vue3+element-plus,点击表单编辑,未发起请求,表格数据也跟着改变的问题

91 阅读1分钟

浅浅记录一下原因

1.深拷贝与浅拷贝的问题。

原因:这是浅拷贝,引用地址还是用的真实数据,虽然没有保存到数据库中,但是误以为已经修改修改了数据,所以用 JSON 进行深拷贝即可。

解决方法:

rowItem.value = JSON.parse(JSON.stringify(row));

2.缓存问题

原因:使用了“弹出窗+组件”,关闭表单时,只关闭了弹出窗,而组件只是隐藏,未被销毁。

解决方法:关闭弹窗同时,销毁组件(v-if)