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


[注]:  popstate 事件

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

  b.如果被激活的歷史記錄條目是通過對history.pushState()的調用創建的,或者受到對history.replaceState()的調用的影響,

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

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

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

具體代碼:

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

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

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

4. 配置事件監聽函數

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM