百度智能小程序 路由方式

2020-09-05 15:05 更新

頁面棧

框架以棧的形式維護(hù)了當(dāng)前的所有頁面。 當(dāng)發(fā)生路由切換的時候，頁面棧的表現(xiàn)如下：

路由方式頁面棧表現(xiàn)
初始化新頁面入棧
打開新頁面新頁面入棧
頁面重定向當(dāng)前頁面出棧，新頁面入棧。
頁面返回頁面不斷出棧，直到目標(biāo)返回頁。
Tab 切換頁面全部出棧，只留下新的 Tab 頁面。

getCurrentPages()

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

代碼示例 

在開發(fā)者工具中打開
頁面切換路徑過多，詳細(xì)示例請在開發(fā)者工具中的控制臺查看。

Tip：

不要嘗試修改頁面棧，會導(dǎo)致路由以及頁面狀態(tài)錯誤。


路由方式

對于路由的觸發(fā)方式以及頁面生命周期函數(shù)如下：

路由方式觸發(fā)時機(jī)路由前頁面路由后頁面
初始化智能小程序打開的第一個頁面onLoad, onShow
打開新頁面調(diào)用 API swan.navigateTo 或使用組件 < navigator open-type="navigateTo"/ >onHideonLoad, onShow
頁面重定向調(diào)用 API swan.redirectTo 或使用組件 < navigator open-type="redirectTo"/ >onUnloadonLoad, onShow
Tab 切換調(diào)用 API swan.switchTab 或使用組件 < navigator open-type="switchTab"/ > 或用戶切換 Tab各種情況請參考下表
頁面返回調(diào)用 API swan.navigateBack 或使用組件 < navigator open-type="navigateBack"/ > 或用戶按左上角返回按鈕onUnloadonShow
重啟動調(diào)用 API swan.reLaunch 或使用組件 < navigator open-type="reLaunch"/ >onUnloadonLoad, onShow

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

當(dāng)前頁面路由后頁面觸發(fā)的生命周期（按順序）
AANothing happend
ABA.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（從轉(zhuǎn)發(fā)進(jìn)入）AD.onUnload(), A.onLoad(), A.onShow()
D（從轉(zhuǎn)發(fā)進(jìn)入）BD.onUnload(), B.onLoad(), B.onShow()

代碼示例 

在開發(fā)者工具中打開
建議在開發(fā)者工具中的控制臺查看，工具與真機(jī)略有差異，以真機(jī)的生命周期為準(zhǔn)。

說明:

  • navigateTo, redirectTo 只能打開非 tabBar 頁面。
  • switchTab 只能打開 tabBar 頁面。
  • reLaunch 可以打開任意頁面。
  • 頁面底部的 tabBar 由頁面決定，即只要是定義為 tabBar 的頁面，底部都有 tabBar。
  • 調(diào)用頁面路由帶的參數(shù)可以在目標(biāo)頁面的 onLoad 中獲取。


以上內(nèi)容是否對您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號