解决Vue.js应用回退或刷新界面时提示用户保存修改问题

在实际应用中，运营人员在编辑数据时不希望因不小心点击了浏览器的回退或刷新按钮导致花费了很长时间编辑的数据丢失。可以采用以下两种手段防止运营编辑时丢失数据： 在运营人员刷新页面或回退时，自动保留数据至浏览器端本地存储，在重新进入编辑页面时再将数据从本地存储中加载到编辑界面。 第二种方法是在运营人员刷新或回退时，强提示运营人员有修改的数据尚未保存，询问是否继续。 无认采用哪一种方式，在技术实现上，我们需要首先能够监听到用户执行回退或刷新页面的动作。 实际上，当用户执行页面刷新时，会触发 window 对象上的 onBeforeUnload 事件。所以，我们需要在页面加载时开始监听此事件。在Vue.