vue項目中利用popstate處理頁面返回操做

需求背景：項目中須要作一個返回確認，避免用戶誤觸返回鍵而退出當前頁面。

原理：利用history和瀏覽器刷新popstate狀態

實現：

一、在mounted() 階段判斷並添加popstate事件監聽，History.pushState()（參數：一個狀態對象，一個標題（如今被忽略了），以及一個可選的URL地址）， 注意：IOS版的微信，是會當即觸發popstate事件，因此須要pageshow作下處理，（當一條會話歷史記錄被執行的時候將會觸發頁面顯示(pageshow)事件。(這包括了後退/前進按鈕操做，同時也會在onload 事件觸發後初始化頁面時觸發)）

 

二、在methods裏定義監聽操做函數

 

三、頁面銷燬時，取消監聽。（注意：必定要取消監聽，不然其餘vue路由頁面也會被監聽）