el-table通过弹窗添加数据时，表格中的数据实时修改了

1、问题：在表单中修改数据，经常遇到表格的数据也跟着修改的问题，并且不管是不是按确定或取消按钮，表格的数据还是被修改了。如图：

原因：打开弹框传过去的row是Object对象类型，如果直接赋值的话，就变成了浅拷贝，复制的是地址，导致在表单中改变值的时候table中的数据也跟着改变，所以要进行深拷贝。

解决办法：

this.areaForm为表格数据，row为弹框数据

this.areaForm = JSON.parse(JSON.stringify(row));

日常开发容易踩的坑，记录一下。