頁面路由

2020-02-11 17:07 更新

框架以棧的形式維護(hù)了當(dāng)前的所有頁面。


頁面棧

當(dāng)發(fā)生路由切換的時(shí)候，頁面棧的表現(xiàn)如下：

屬性類型
初始化新頁面入棧
打開新頁面新頁面入棧
頁面重定向當(dāng)前頁面出棧，新頁面入棧
頁面返回頁面不斷出棧，直到目標(biāo)返回頁
Tab 切換頁面全部出棧，只留下新的 Tab 頁面
重加載頁面全部出棧，只留下新的頁面


getCurrentPages()

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


路由方式

下面是路由的控制接口：

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

Tab 切換對(duì)應(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()


Tips:

  • navigateTo, redirectTo 只能打開非 tabBar 頁面。
  • switchTab 只能打開 tabBar 頁面。
  • reLaunch 可以打開任意頁面。
  • 頁面底部的 tabBar 由頁面決定，即只要是定義為 tabBar 的頁面，底部都有 tabBar。
  • 調(diào)用頁面路由帶的參數(shù)可以在目標(biāo)頁面的 onLoad 中獲取。
以上內(nèi)容是否對(duì)您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)