小程序頁面路由

2022-07-10    分類: 網(wǎng)站建設(shè)

頁面路由

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

頁面棧

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

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

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

Tip:不要嘗試修改頁面棧,會導致路由以及頁面狀態(tài)錯誤。

路由方式

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

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

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

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

:

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

switchTab 只能打開 tabBar 頁面。

reLaunch 可以打開任意頁面。

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

網(wǎng)站標題:小程序頁面路由
URL分享:http://www.bm7419.com/news32/176182.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供外貿(mào)網(wǎng)站建設(shè)、定制開發(fā)、網(wǎng)站設(shè)計域名注冊、網(wǎng)站改版、網(wǎng)站建設(shè)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

外貿(mào)網(wǎng)站建設(shè)