您好,登錄后才能下訂單哦!
這篇文章主要介紹了 微信小程序中路由方式的類型有哪些,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
對于路由的觸發(fā)方式以及頁面生命周期函數(shù)如下:
以下是路由方式的類型,觸發(fā)時機
路由方式 觸發(fā)時機 | 路由前頁面 | 路由后頁面 |
---|---|---|
初始化 小程序打開的第一個頁面 | onLoad, onShow | |
打開新頁面 調(diào)用API wx.navigateTo 或使用 | onHide | onLoad, onShow |
頁面重定向 調(diào)用API wx.redirectTo 或使用組件 | onUnload | onLoad, onShow |
頁面返回 調(diào)用API wx.navigateBack 或使用組件 或用戶按左上角返回按鈕 | onUnload | onShow |
Tab 切換 調(diào)用API wx.switchTab 或使用組建時 或用戶切換Tab | 使用情況看以下詳解 | |
重啟動 | 調(diào)用API wx.reLaunch 或使用組件 | onUnload |
Tab切換對應的生命周期(以A、B頁面為Tabbar頁面,C是從A頁面打開的頁面, D頁面是從C頁面打開的頁面為例):
當前頁面 | 路由后頁面 | 觸發(fā)的生命周期(按順序) |
---|---|---|
A | A | Nothing happend |
A | B | A.onHide(), B.onLoad(), B.onShow() |
A | B(再次打開) | A.onHide(), B.onShow() |
C | A | C.onUnload(), A.onShow() |
C | B | C.onUnload(), B.onLoad(), B.onShow() |
D | B | D.onUnload(), c.onUnload(), B.onLoad(), B.onShow() |
D(從轉(zhuǎn)發(fā)進入) | A | D.onUnload(), A.onLoad(), A.onShow() |
D(從轉(zhuǎn)發(fā)進入) | B | D.onUnload(), B.onLoad(), B.onShow() |
提示:
navigateTo
, redirectTo
只能打開非tabBar頁面。
switchTab
只能打開tabBar頁面。
頁面底部的tabBar由頁面決定,即只要定義為tabBar的頁面,底部都有tabBar.
調(diào)用頁面路由帶的參數(shù)可以在目標頁面的onLoad中獲取。
感謝你能夠認真閱讀完這篇文章,希望小編分享的“ 微信小程序中路由方式的類型有哪些”這篇文章對大家有幫助,同時也希望大家多多支持億速云,關注億速云行業(yè)資訊頻道,更多相關知識等著你來學習!
免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權內(nèi)容。