如何用Vue实现表单未编辑或未保存即离开的弹窗提示功能？

本文共计1449个文字，预计阅读时间需要6分钟。

说明：UI组件是使用Quasar Framework开发的。最近开发了一个弹跳出框，表单保存数据，但产品弹出，用户数据不保存，关闭弹出框时，要给出一个弹窗提示。这个功能，可以使用watch监听表单数据。

说明

UI组件是使用 Quasar Framework 。

最近做一个表单弹出框，表单保存提交，但是，产品提出，用户不保存，而关闭弹出框时，要给出一个弹窗提示。这个功能，可以用watch监听表单数据。当数据表单发生变化，用户点击了关闭按钮，则根据监听结果来判断用户输入或编辑了数据，进而出现弹窗提示，让用户选择是否离开；当数据没发生变化，则不必提示。