在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)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。