国产高清吃奶成免费视频网站_jizzzzxxxxx_欧美天天在线_最新色视频

0411-39943997
工作時間:周一至周日 8:30-17:30
技術文庫
Technical Library

小程序頁面路由

標簽: 小程序開發   訪問: 20382018-01-26

頁面路由

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

頁面棧

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

路由方式頁面棧表現
初始化新頁面入棧
打開新頁面新頁面入棧
頁面重定向當前頁面出棧,新頁面入棧
頁面返回頁面不斷出棧,直到目標返回頁,新頁面入棧
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">或用戶按左上角返回按鈕onUnloadonShow
Tab 切換調用 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 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(從轉發進入)AD.onUnload(), A.onLoad(), A.onShow()
D(從轉發進入)BD.onUnload(), B.onLoad(), B.onShow()

Tips:

  • navigateToredirectTo 只能打開非 tabBar 頁面。

  • switchTab 只能打開 tabBar 頁面。

  • reLaunch 可以打開任意頁面。

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

  • 調用頁面路由帶的參數可以在目標頁面的onLoad中獲取。


Copyright? 2020 仟億科技,All rights reserved.