javascript - 关于前端数据双向绑定问题

Question

最近再做一个项目中发现一个关于数据双向绑定的问题，不知哪位道友有优雅的解决方案？

描述：模态弹出框数据绑定，用户编辑完不保存，关闭模态框，由于双向绑定导致数据在前端展示中被改变

Answer 1

你可以在打开模态窗口的时候的新建一个TEMP对象。保存的时候再赋值到需要绑定的对象。如果直接关闭就销毁TEMP对象。模态窗口也就绑定TEMP对象。

Answer 2

vue.js

Answer 3

1L是一种解决方案，同样你也可以绑定一个对象，每次在打开或者关闭的时候清空对象属性，视业务而定。

Answer 4

我的理解是,当弹出层保存的时候,其实你页面上并没有去实时获取最新数据,而是使用的弹层中修改过的数据(也就是当前页面上显示的),除非有刷新操作你才回去做请求最新数据的操作,对吧.
还是按照一楼的来吧,我想不到更优雅的方法了.

Answer 5

copy一份 成功再copy回去

Answer 6

vuejs，你可以把它当插件使用，也可以当整体架构使用。
或者简单一点，在用户输入，关闭的时候悄悄做一份保存，同时修改页面数据就可以啦