v-model双向绑定-解决编辑弹框修改数据后页面数据跟着改变的问题

发生场景：在vue的项目中，经常会遇到表格弹框的使用，点击编辑按钮时候把当前行的数据赋值给弹框内并渲染弹框数据。使用v-model弹框数据改变发现页面数据也跟着改变了，而在实际工作当中，当点击弹框的保存按钮，表格数据才要更新。

解决方法：

把自己的数据进行拷贝一份

原始数据 tableData

那么我就 新建新的数据 newData

第一种方案：this.newData={...this.tableData}

或者  第二种方案： this.newData=JSON.parse(JSON.stringify(this.tableData))