vue手机端回退_从外链回退到vue应用不触发生命周期、beforeRouterEnter等钩子函数的问题...
在iphoneX及以上版本從外鏈回退不觸發事件,7P,7沒發現這個bug
安卓上自測沒有發現這個問題
最近做項目中發現了一個問題,iphoneX及以上版本從當前vue應用中跳轉到外部鏈接然后在回退到vue應用里面,beforeRouterEnter沒有被觸發。
由于在其他手機上測試沒有問題,所以一開始我以為代碼寫的有問題,然后就開始漫長的找坑之路,后來我將事件放到了created、mounted里面也沒有執行代碼,那就證明有可能頁面被緩存了,所以這些鉤子沒有觸發。
所以百度了一下,找到了onpageshow這個事件
onpageshow 事件在用戶瀏覽網頁時觸發。
onpageshow 事件類似于onload事件,onload 事件在頁面第一次加載時觸發, onpageshow 事件在每次加載頁面時觸發,即 onload 事件在頁面從瀏覽器緩存中讀取時不觸發。
也就是當頁面顯示到前臺的時候就觸發pageshow這個事件,所以我就在created里面注冊了這個事件并將要執行的代碼寫進去,再次真機調試之后發現解決這個問題了。
created () {
window.addEventListener('pageshow', () => {
//外鏈回退到vue應用要執行的代碼
})
}
記錄下來避免以后再次跳坑
關于找一找教程網
本站文章僅代表作者觀點,不代表本站立場,所有文章非營利性免費分享。
本站提供了軟件編程、網站開發技術、服務器運維、人工智能等等IT技術文章,希望廣大程序員努力學習,讓我們用科技改變世界。
[從外鏈回退到vue應用不觸發生命周期、beforeRouterEnter等鉤子函數的問題]http://www.zyiz.net/tech/detail-133959.html
總結
以上是生活随笔為你收集整理的vue手机端回退_从外链回退到vue应用不触发生命周期、beforeRouterEnter等钩子函数的问题...的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 腾讯微博Android客户端开发 - O
- 下一篇: pc端客户端爬虫_爬虫微博模拟登陆-从移