vue如何当修改不提交时返回旧值

Dec 31, 2022

在vue的工程里,有个场景——当 data 或 props 递过来的对象被页面改动后,需要放弃改动返回原来的值。

简单的想法,使用 OBject.assign() 先把原来的对象 copy 出来,一切操作都在这个复制品进行,等需要恢复时进行重新 copy 即可。

具体做法如下:

let NewObj = Object.assign({}, this.Obj)

注意:前面是空对象 {}

其他的页面的操作都在 NewObj 进行,当放弃修改或重新进入时,再把 NewObj 重新复制 this.Obj