需求
使用elementUI的表格,做一个增删改的功能。
问题
如下图所示,当修改dialog的内容时,表格也会进行修改的问题。
表格原数据
第一行的类别名称是AA,当我选中这行数据时,点复制。
进行复制给弹出框。
当输入类别名称时,表格的类别名称也进行了相应的修改。
如何解决
这样的情况肯定是有问题的,如何解决呢?
问题出现在:
this.saveForm=this.checkDataArr[0];
这样的赋值是有问题的,因为后者是Object对象类型,如果直接赋值,属于浅拷贝,赋值的是地址,会导致弹窗改变值的时候表格随着改变,因为属于一个变量。
所以要改为深拷贝。将赋值操作改为:
this.saveForm=JSON.parse(JSON.stringify(this.checkDataArr[0]));
这时再来修改,就没有问题了。你学会了吗?
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/143350.html