小程序頁面路由

2022-07-10 分類：網站建設

頁面路由

在小程序中所有頁面的路由全部由框架進行管理。

頁面棧

框架以棧的形式維護了當前的所有頁面。當發生路由切換的時候，頁面棧的表現如下：

路由方式頁面棧表現初始化新頁面入棧打開新頁面新頁面入棧頁面重定向當前頁面出棧，新頁面入棧頁面返回頁面不斷出棧，直到目標返回頁，新頁面入棧Tab 切換頁面全部出棧，只留下新的 Tab 頁面重加載頁面全部出棧，只留下新的頁面getCurrentPages()

getCurrentPages() 函數用于獲取當前頁面棧的實例，以數組形式按棧的順序給出，第一個元素為首頁，最后一個元素為當前頁面。

Tip：不要嘗試修改頁面棧，會導致路由以及頁面狀態錯誤。

路由方式

對于路由的觸發方式以及頁面生命周期函數如下：
路由方式觸發時機路由前頁面路由后頁面初始化小程序打開的第一個頁面
onLoad, onShow打開新頁面調用 API wx.navigateTo 或使用組件 <navigator open-type="navigateTo"/>onHideonLoad, onShow頁面重定向調用 API wx.redirectTo 或使用組件 <navigator open-type="redirectTo"/>onUnloadonLoad, onShow頁面返回調用 API wx.navigateBack 或使用組件<navigator open-type="navigateBack">或用戶按左上角返回按鈕onUnloadonShowTab 切換調用 API wx.switchTab 或使用組件 <navigator open-type="switchTab"/> 或用戶切換 Tab

各種情況請參考下表重啟動調用 API wx.reLaunch 或使用組件 <navigator open-type="reLaunch"/>onUnloadonLoad, onShow

Tab 切換對應的生命周期（以 A、B 頁面為 Tabbar 頁面，C 是從 A 頁面打開的頁面，D 頁面是從 C 頁面打開的頁面為例）：

當前頁面路由后頁面觸發的生命周期（按順序）AANothing happendABA.onHide(), B.onLoad(), B.onShow()AB（再次打開）A.onHide(), B.onShow()CAC.onUnload(), A.onShow()CBC.onUnload(), B.onLoad(), B.onShow()DBD.onUnload(), C.onUnload(), B.onLoad(), B.onShow()D（從轉發進入）AD.onUnload(), A.onLoad(), A.onShow()D（從轉發進入）BD.onUnload(), B.onLoad(), B.onShow()Tips

navigateTo, redirectTo 只能打開非 tabBar 頁面。

switchTab 只能打開 tabBar 頁面。

reLaunch 可以打開任意頁面。

頁面底部的 tabBar 由頁面決定，即只要是定義為 tabBar 的頁面，底部都有 tabBar。

網站標題：小程序頁面路由
URL分享：http://m.kartarina.com/news32/176182.html

成都網站建設公司_創新互聯，為您提供外貿網站建設、定制開發、網站設計、域名注冊、網站改版、網站建設

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容