element-UI el-table表格数据dialog修改数据table数据也随之变化

在Vue后台项目中常用到el-table表格。当需要修改单行表格数据时，我们在dialog中修改数据，遮罩层下边的table里边的数据也在随之改变。

其原因便是赋值的数据是一个object引用数据类型共享的一个内存区域，所以不能直接连等 赋值 ，需要重新指向一个新的引用。

具体方案如下

赋值对象如果是个对象，则利用ES6的assign() 方法

function(row){
    var  tableRow=row;
    newRow=Object.assign({},tableRow)
    //这样就不会共用同一个对象
}

引用类型如果是数组 ，则利用slice()方法

newArr= OldArr.slice();//slice会返回一个新的数组