vue弹窗上修改数据后页面数据跟着更改的解决方法

问题描述：

        修改表格里的数据，在弹窗里修改数据，未提交表格里数据就修改了，取消弹窗数据也已经修改。

问题分析：

        数据是obj类型，赋值操作的时候把地址给共同绑定了。

解决方法：

        利用js提供的Object.assign()对象方法。Object.assign方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象，它将返回目标对象。不会引用原地址，不会修改到原来的内容。

let newData = Object.assign({}, oldData)

         如果是数组，或者里面某一项是数组，先用JSON.stringify(data)转换成字符串，再用JSON.parse(data)转换回来就不会引用源地址了。

let value = JSON.stringify(oldData)
newData = JSON.parse(value)

         这样如果操作失误，取消或关掉编辑对话框，数据不会被修改，只有在提交的时候才会修改页面数据。