小程序跳转的几种方法及问题

Posted 2021-01-13 倚笑乘风

wx.navigateTo({})

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

wx.redirectTo({})

当页面过多时，被保留页面会挤占微信分配给小程序的内存，或是达到微信所限制的 5 层页面栈。这时，我们应该考虑选择 wx.redirectTo 。 wx.redirectTo() 用于关闭当前页面，跳转到应用内的某个页面。这样的跳转，可以避免跳转前页面占据运行内存，但返回时页面需要重新加载，增加了返回页面的显示时间。

使用组件 <navigator>

示例： <navigator url=‘../test/test‘>点击跳转</navigator>

wx.switchTab({})

跳转到tabBar的某个页面(需在 app.json 的 tabBar 字段定义的页面),switchTab只能跳转到带有tab的页面，不能跳转到不带tab的页面，路径后不能带参数.

如果你写的路径路由是正确的，但是发现点击了，一点反应也没有，很可能是下下面几种原因：

1：你要跳转的是tabBar中的页面，需要用到专属的跳转方法switchtab

2：在app.js中没有配置该页面

3：页面层级是不是超过五层了。可以用wx.redirectTo