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

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

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

阅读 5.5k
6 个回答

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

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

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

copy一份 成功再copy回去

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题