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

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

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

说明

UI组件是使用 Quasar Framework 。

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