微信小程序页面的跳转和导航的配置和vant组件-Toy模板网

这篇具有很好参考价值的文章主要介绍了微信小程序页面的跳转和导航的配置和vant组件。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

一.跳转页面

结论:

navigateTo, redirectTo 只能打开非 tabBar 页面。
switchTab 只能打开 tabBar 页面。
reLaunch 可以打开任意页面。
页面底部的 tabBar 由页面决定，即只要是定义为 tabBar 的页面，底部都有 tabBar。
调用页面路由带的参数可以在目标页面的onLoad中获取。

(1)当我们使用`redirectTo跳转到tabbar页面的时候`

微信小程序页面的跳转和导航的配置和vant组件

(2)`navigateTo`, `redirectTo两者的区别`

navigateTo保留当前页面,跳转到另外的一个页面。

优点：

用于保留当前页面、跳转到应用内的某个页面，但是不能跳到 tabbar 页面。使用 wx.navigateBack可以返回到原页面。小程序中页面栈最多十层，对于页面不是特别多的小程序，通常推荐使用 wx.navigateTo进行跳转，以便返回原页面，以提高加载速度。当页面特别多时，则不推荐使用。使用 wx.navigateBack 可以返回到原页面。

redirectTo关闭当前页面跳转到另外一个页面。

优点

当页面较多的时候可以使用。或是达到页码栈数为5的时候。

(3)`reLaunch` , `redirectTo两者的区别`

wx.reLaunch()与 wx.redirectTo()的用途基本相同，只是 wx.reLaunch()先关闭了内存中所有保留的页面，再跳转到目标页面。

(4)wx.SwtichTab

对于跳转到 tab bar 的页面，最好选择 wx.switchTab()，它会先关闭所有非 tab bar 的页面。其次，也可以选择 wx.reLaunch()，它也能实现从非 tab bar 跳转到 tab bar,或在 tab bar 间跳转，效果等同 wx.switchTab()。使用其他跳转 API 来跳转到 tab bar,则会跳转失败。