[注]: popstate 事件
a.當活動歷史記錄條目更改時,將觸發popstate事件。
b.如果被激活的歷史記錄條目是通過對history.pushState()的調用創建的,或者受到對history.replaceState()的調用的影響,
popstate事件的state屬性包含歷史條目的狀態對象的副本。
c.需要注意的是調用history.pushState()
或history.replaceState()不會觸發popstate事件。
d.只有在做出瀏覽器動作時,才會觸發該事件,如用戶點擊瀏覽器的回退按鈕(或者在Javascript代碼中調用
history.back())
具體代碼:
1. 配置路由 meta 的 keepAlive 屬性 , 再App中 使用 keep-alive 標簽 將當前頁面加入緩存中
2. 打開彈窗調用 window.history.pishState() 函數
3. activated生命周期 監聽popstate 事件 ,deactivated 生命周期 移除popstate事件
4. 配置事件監聽函數