使用elementUI的表格做增删改时，弹窗的内容会改变表格的内容解决方法

需求

使用elementUI的表格，做一个增删改的功能。

问题

如下图所示，当修改dialog的内容时，表格也会进行修改的问题。

表格原数据

第一行的类别名称是AA，当我选中这行数据时，点复制。

进行复制给弹出框。

当输入类别名称时，表格的类别名称也进行了相应的修改。

如何解决

这样的情况肯定是有问题的，如何解决呢？

问题出现在：

this.saveForm=this.checkDataArr[0];

这样的赋值是有问题的，因为后者是Object对象类型，如果直接赋值，属于浅拷贝，赋值的是地址，会导致弹窗改变值的时候表格随着改变，因为属于一个变量。

所以要改为深拷贝。将赋值操作改为：

this.saveForm=JSON.parse(JSON.stringify(this.checkDataArr[0]));

这时再来修改，就没有问题了。你学会了吗？