vue项目中利用popstate处理页面返回操做

需求背景：项目中须要作一个返回确认，避免用户误触返回键而退出当前页面。

原理：利用history和浏览器刷新popstate状态

实现：

一、在mounted() 阶段判断并添加popstate事件监听，History.pushState()（参数：一个状态对象，一个标题（如今被忽略了），以及一个可选的URL地址）， 注意：IOS版的微信，是会当即触发popstate事件，因此须要pageshow作下处理，（当一条会话历史记录被执行的时候将会触发页面显示(pageshow)事件。(这包括了后退/前进按钮操做，同时也会在onload 事件触发后初始化页面时触发)）

 

二、在methods里定义监听操做函数

 

三、页面销毁时，取消监听。（注意：必定要取消监听，不然其余vue路由页面也会被监听）