解决element-ui中，在表单中修改数据，表格的数据也跟着修改
的问题
问题：在表单中修改数据，经常遇到表格的数据也跟着修改的问题，并且不管是不是按确定或取消按钮，表格的数据还是被修改了。
部分代码如下：
editRow(row: any): void {
this.currentInfo = row;
this.dialogVisible = true;
js的基本数据类型this.title = '更新信息';
}
问题原因：
this.currentInfo = row;
这段代码中，row是Object对象类型，如果直接赋值的话，就变成了浅拷贝，复制的是地址，导致在表单中改变值的时候table中的数据也跟着改变，所以要进⾏深拷贝。
解决⽅案：利⽤JSON进⾏深拷贝
editRow(row: any): void {
this.currentInfo = JSON.parse(JSON.stringify(row));
this.dialogVisible = true;
this.title = '更新信息';
}
PS：js中有两种不同的数据类型，⼀个是基本类型，⼀个是引⽤类型，其中Object是引⽤类型（这⾥使⽤的是typescript，原理与js相同）

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。