一.跳轉(zhuǎn)頁面
結(jié)論:
-
navigateTo,?redirectTo?只能打開非 tabBar 頁面。 -
switchTab?只能打開 tabBar 頁面。 -
reLaunch?可以打開任意頁面。 - 頁面底部的 tabBar 由頁面決定，即只要是定義為 tabBar 的頁面，底部都有 tabBar。
- 調(diào)用頁面路由帶的參數(shù)可以在目標頁面的
onLoad中獲取。
(1)當我們使用redirectTo跳轉(zhuǎn)到tabbar頁面的時候
?文章來源：http://www.zghlxwxcb.cn/news/detail-485540.html
(2)navigateTo,?redirectTo兩者的區(qū)別
navigateTo保留當前頁面,跳轉(zhuǎn)到另外的一個頁面。
優(yōu)點：
用于保留當前頁面、跳轉(zhuǎn)到應(yīng)用內(nèi)的某個頁面，但是不能跳到 tabbar 頁面。使用 wx.navigateBack可以返回到原頁面。小程序中頁面棧最多十層，對于頁面不是特別多的小程序，通常推薦使用 wx.navigateTo進行跳轉(zhuǎn)， 以便返回原頁面，以提高加載速度。當頁面特別多時，則不推薦使用。使用 wx.navigateBack 可以返回到原頁面。
redirectTo關(guān)閉當前頁面跳轉(zhuǎn)到另外一個頁面。
優(yōu)點
當頁面較多的時候可以使用。或是達到頁碼棧數(shù)為5的時候。
(3)reLaunch?,?redirectTo兩者的區(qū)別
wx.reLaunch()與 wx.redirectTo()的用途基本相同， 只是 wx.reLaunch()先關(guān)閉了內(nèi)存中所有保留的頁面，再跳轉(zhuǎn)到目標頁面。
(4)wx.SwtichTab
對于跳轉(zhuǎn)到 tab bar 的頁面，最好選擇 wx.switchTab()，它會先關(guān)閉所有非 tab bar 的頁面。其次，也可以選擇 wx.reLaunch()，它也能實現(xiàn)從非 tab bar 跳轉(zhuǎn)到 tab bar,或在 tab bar 間跳轉(zhuǎn)，效果等同 wx.switchTab()。使用其他跳轉(zhuǎn) API 來跳轉(zhuǎn)到 tab bar,則會跳轉(zhuǎn)失敗。
二.自定義頂部的導(dǎo)航欄
有時候需要給頭部的導(dǎo)航欄自定義樣式。
默認導(dǎo)航欄的樣式:
?自定義導(dǎo)航欄的樣式:
?
可以看出通過這個屬性可以來自定義的導(dǎo)航欄。如需要在導(dǎo)航欄設(shè)置背景圖就需要這個屬性。文章來源地址http://www.zghlxwxcb.cn/news/detail-485540.html
到了這里，關(guān)于微信小程序頁面的跳轉(zhuǎn)和導(dǎo)航的配置和vant組件的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
