记不住的坑（一）编辑弹窗改变数据，表格数据实时变动问题

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

可见input这波双向数据绑定就很不符合需求。

原因：

  //修改
    edit (row) {
      this.titleDialog = {
        title: "编辑",
        visible: true
      };
      this.form = row;
    },

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

解决方法：

1、 this.form = row → JSON.parse(JSON.stringify(row))（不推荐）

  缺点：JSON的这种方式存在这一些弊端(比如有Date类型的JSON.stringify()会把它变成字符串并不会自动转换回来)，用ES6的方法Object.assign(target, sources)，即改为Object.assign(this.currentInfo, row)这样你修改表单的数据就不会影响表格数据显示了，同样取消的时候也不会变化。

2、 this.form = row → Object.assign(this.form, row)（推荐）

 //修改
    edit (row) {
      this.titleDialog = {
        title: "编辑",
        visible: true
      };
     Object.assign(this.form, row)
    },

   总结：这个问题遇到不是两次，第一次自己捣鼓出来，第二次百度的，所以写篇文章巩固一下记忆。是不是老简单了。