小程序頁(yè)面路由

頁(yè)面路由

在小程序中所有頁(yè)面的路由全部由框架進(jìn)行管理。

頁(yè)面棧

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

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

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

Tip：不要嘗試修改頁(yè)面棧，會(huì)導(dǎo)致路由以及頁(yè)面狀態(tài)錯(cuò)誤。

路由方式

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

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

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

當(dāng)前頁(yè)面路由后頁(yè)面觸發(fā)的生命周期（按順序）AANothing happendABA.onHide(), B.onLoad(), B.onShow()AB（再次打開(kāi)）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 只能打開(kāi)非 tabBar 頁(yè)面。

switchTab 只能打開(kāi) tabBar 頁(yè)面。

reLaunch 可以打開(kāi)任意頁(yè)面。

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

網(wǎng)站標(biāo)題：小程序頁(yè)面路由
URL分享：http://www.muchs.cn/news32/176182.html

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

廣告

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