Vue在赋值时上双向绑定问题
在vue的methods中对对象进行赋值导致上双向绑定问题
handleClose(val) {
//val是传入的对象
//saveOneData 是return中定义的对象
this.saveOneData = val;
//直接这样使用会导致当saveOneData 发声改变时val也会发生改变
this.saveOneData = JSON.parse(JSON.stringify(val));
//这样变不会同步改变
},
JSON.stringify() 方法可以将一个JavaScript值(对象或数组)转换为一个 JSON字符串
例如打开弹框对当对表格内的元素进行编辑,直接这样使用会导致表格内的元素会和弹框内的元素同步改变;