vue,element-ui 复杂的表单如何监听是否改变?-灵析社区

横刀立马007

vue,element-ui 复杂的表单如何监听是否改变? 需要实现一个功能,就是如果新增、编辑时,用户没有修改表单,关闭时不需要提示,如果修改了表单,则需要提示用户。 本来想深度监听来实现,就是只要有变化,就表示已修改,但是有两个问题:1: 用户有可能又还原了;2: 新增或编辑打开页面时,可能需要调用一些接口来修改表单; 但是如果用值来对比,因为表单太复杂了,也不好实现。 请问有什么好办法吗?

阅读量:170

点赞量:0

问AI
怼怼事务所
1. 在初始化时深拷贝一次表单值,作为 originValue; 2. 监听表单的 value 变动,在 value 修改时将 value 和 originValue 进行比较,若相等则表示用户将值还原,若不相等则表示“已修改”; 监控频率可以自行控制一下