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

说明 UI组件是使用 Quasar Framework 。 最近做一个表单弹出框，表单保存提交，但是，产品提出，用户不保存，而关闭弹出框时，要给出一个弹窗提示。这个功能，可以用watch监听表单数据。当数据表单发生变化，用户点击了关闭按钮，则根据监听结果来判断用户输入或编辑了数据，进而出现弹窗提示，让用户选择是否离开；当数据没发生变化，则不必提示。 确认离开提示框 实现效果 先实现一个确认离开提示框，效果如下：   实现代码： <template> <div> <q persistent=true v-model=alert> &lt;q-card style=