柚子快報激活碼778899分享：小程序路由跳轉(zhuǎn)
柚子快報激活碼778899分享：小程序路由跳轉(zhuǎn)
1.在小程序中路由跳轉(zhuǎn)分為兩種方式：
????????聲明式導航和編程式導航。路由導航就是我們在進行路由跳轉(zhuǎn)的時候選擇的方式。
2.小程序中的聲明式導航：
? ? ? ? 概念：通過小程序提供的組件navigator 進行路由跳轉(zhuǎn)。想要了解更多關于小程序navigator組件用法的小伙伴，可以點擊這里!!!
? ? ? ? 方式：
? ? ? ? ? ? ? ? 2.1 導航到非tabbar頁面:??
? ? ? ? ? ? ? ? 注意：url 屬性指定要跳轉(zhuǎn)到的頁面路徑；其中，頁面路徑應該以 / 開頭，且路徑必須提前在 app.json 的 pages 節(jié)點下聲明，才能實現(xiàn)正常的跳轉(zhuǎn)。
????????????????2.2 導航到tabbar頁面：
? ? ? ? ? ? ? ? 2.3 后退導航：
? ? ? ? 這里的delta的屬性值是我們要后退的層級。
3. 小程序中的編程式路由導航：
? ? ? ? 概念：通過小程序官方提供的API，進行路由跳轉(zhuǎn)。
? ? ? ? 方式：(5種):
? ? ? ? ? ? ? ? 3.1 wx.navigatorTo
????????????????保留當前頁面，跳轉(zhuǎn)到應用內(nèi)的某個頁面。但是不能跳到 tabbar 頁面
goUser() {
// 跳轉(zhuǎn)到非tabBar頁面
wx.navigateTo({
url: '/pages/user/index',
})
}
? ? ? ? ? ? ? ? 3.2 wx.redirectTo
????????????????關閉當前頁面，跳轉(zhuǎn)到應用內(nèi)的某個頁面。但是不允許跳轉(zhuǎn)到 tabbar 頁面
wx.redirectTo({
url: 'user'
})
? ? ? ? ? ? ? ? 3.3 wx.reLaunch
????????????????關閉所有頁面，打開到應用內(nèi)的某個頁面.
????????????????wx.reLaunch()與 wx.redirectTo()的用途基本相同， 只是 wx.reLaunch()先關閉了內(nèi)存中所有保留的頁面，再跳轉(zhuǎn)到目標頁面
? ? ? ? ? ? ? ? 3.4 wx.switchTab
????????????????跳轉(zhuǎn)到 tabBar 頁面，并關閉其他所有非 tabBar 頁面
????????????????對于跳轉(zhuǎn)到 tabBar 的頁面，最好選擇 wx.switchTab()，它會先關閉所有非 tabBar 的頁面。其次，也可以選擇 wx.reLaunch()，它也能實現(xiàn)從非 tabBar 跳轉(zhuǎn)到 tabBar，或在 tabBar 間跳轉(zhuǎn)，效果等同 wx.switchTab()。使用其他跳轉(zhuǎn) API 來跳轉(zhuǎn)到 tabBar，則會跳轉(zhuǎn)失敗 ?
wx.switchTab({
url:'user'
})
? ? ? ? ? ? ? ? 3.5 wx.navigatorBack
wx.navigatorBack({
delta:10
})
????????????????關閉當前頁面，返回上一頁面或多級頁面?？赏ㄟ^getCurrentPages?獲取當前的頁面棧，決定需要返回幾層
????????????????這個 API 需要填寫的參數(shù)只有 delta，表示要返回的頁面數(shù)。若 delta 的取值大于現(xiàn)有可返回頁面數(shù)時，則返回到用戶進入小程序的第一個頁面。當不填寫 delta 的值時，就默認其為 1（注意，默認并非取 0），即返回上一頁面
? ? ? ? ? ? ? ? 3.6 在使用編程式導航路由跳轉(zhuǎn)時,參數(shù)是一個對象，而對象中一般會有url屬性，處理url屬性外，還有success，fail，complete ,delta等屬性。
? ? ? ? ? ? ? ? success： 路由跳轉(zhuǎn)成功時觸發(fā)的回調(diào)；
? ? ? ? ? ? ? ? fail：路由跳轉(zhuǎn)失敗時觸發(fā)的回調(diào)；
? ? ? ? ? ? ? ? complete: 不管路由跳轉(zhuǎn)成功/失敗,都會觸發(fā)的回調(diào)。
柚子快報激活碼778899分享：小程序路由跳轉(zhuǎn)
好文推薦
本文內(nèi)容根據(jù)網(wǎng)絡資料整理，出于傳遞更多信息之目的，不代表金鑰匙跨境贊同其觀點和立場。
轉(zhuǎn)載請注明，如有侵權，聯(lián)系刪除。
Meesho分享出海圈
