发生场景:在vue的项目中,经常会遇到表格弹框的使用,点击编辑按钮时候把当前行的数据赋值给弹框内并渲染弹框数据。使用v-model弹框数据改变发现页面数据也跟着改变了,而在实际工作当中,当点击弹框的保存按钮,表格数据才要更新。
解决方法:
把自己的数据进行拷贝一份
原始数据 tableData
那么我就 新建新的数据 newData
第一种方案:this.newData={...this.tableData}
或者 第二种方案: this.newData=JSON.parse(JSON.stringify(this.tableData))