1.发生场景:在vue的项目中,经常会遇到表格弹框的使用,点击编辑按钮时候把当前行的数据赋值给弹框内并渲染弹框数据。使用v-model弹框数据改变发现页面数据也跟着改变了,而在实际工作当中,当点击弹框的保存按钮,表格数据才要更新。
2.原因:编辑的数据是obj类型,赋值操作的时候把地址给共同绑定了。
3.解决方法:利用js提供的Object.assign()对象方法
Object.assign()
方法用于将所有可枚举属性的值从一个或多个源对象分配到目标对象。它将返回目标对象。
this.editObj=Object.assign({ },target)