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