vue 彈窗時 監聽手機返回鍵關閉彈窗(頁面不跳轉)

[注]:  popstate 事件瀏覽器

  a.當活動歷史記錄條目更改時,將觸發popstate事件。緩存

  b.若是被激活的歷史記錄條目是經過對history.pushState()的調用建立的,或者受到對history.replaceState()的調用的影響,函數

         popstate事件的state屬性包含歷史條目的狀態對象的副本。spa

  c.須要注意的是調用history.pushState()history.replaceState()不會觸發popstate事件。code

  d.只有在作出瀏覽器動做時,纔會觸發該事件,如用戶點擊瀏覽器的回退按鈕(或者在Javascript代碼中調用history.back()對象

具體代碼:blog

1. 配置路由 metakeepAlive 屬性 , 再App中 使用 keep-alive 標籤 將當前頁面加入緩存中  生命週期

2.  打開彈窗調用 window.history.pishState() 函數事件

3. activated生命週期 監聽popstate 事件 ,deactivated 生命週期 移除popstate事件ip

4. 配置事件監聽函數

相關文章
相關標籤/搜索