分类：vue表单离开弹窗提示

2020
09-25

vue实现表单未编辑或未保存离开弹窗提示功能

说明UI组件是使用QuasarFramework。最近做一个表单弹出框，表单保存提交，但是，产品提出，用户不保存，而关闭弹出框时，要给出一个弹窗提示。这个功能，可以用watch监听表单数据。当数据表单发生变化，用户点击了关闭按钮，则根据监听结果来判断用户输入或编辑了数据，进而出现弹窗提示，让用户选择是否离开；当数据没发生变化，则不必提示。确认离开提示框实现效果先实现一个确认离开提示框，效果如下： 实现代码：<temp... 继续阅读 >