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