element-ui中,在表单中修改数据,表格的数据也跟着修改的问题

本文介绍了解决编辑框更改导致表格数据意外修改的问题。通过使用深克隆方法,如JSON.parse(JSON.stringify(data)),可以确保表单数据与原始数据在内存中独立,避免数据污染。

参考自:https://blog.csdn.net/lanseguhui/article/details/104700099/

 

原因:由于编辑框的值都是直接从表格的data中取值赋值的 属于浅克隆吧 所以同一源里的数值也会改变

解决方法:我们只需要将赋值给表单的数据,进行一次深克隆,这样数据所对应的内存地址不是同一块,就不会对表格的数据产生影响,我们可以在确定按钮之后,再进行数据的修改。

最简单方便的深克隆就是

this.addUserForm =  JSON.parse(JSON.stringify(data));

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值