【快速文档】一文看懂小程序中如何实现页面跳转

最新推荐文章于 2025-04-30 18:39:59 发布

原创

最新推荐文章于 2025-04-30 18:39:59 发布 · 723 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#小程序

本文详细解析了小程序中页面跳转的5种方法：switchTab、reLaunch、redirectTo、navigateTo和navigateBack，以及重要参数的使用。通过实例展示了如何替代navigator标签、实现用户登录验证和页面重定向，帮助开发者更好地理解和运用页面路由。

页面跳转(路由)

wx.switchTab()

跳转到tabBar页面，关闭其他非tabBar页面

wx.reLaunch()

关闭所有页面，打开某个页面

wx.redirectTo()

关闭当前页面，跳转到某个非tabBar页面

wx.navigateTo()

保留当前页面，跳转到某个非tabBar页面

wx.nabigateBack()

关闭当前页面，返回上一个或者多个页面

分析

上边的描述其实已经讲的很清楚了，如果你还没明白的话，我再仔细的分析一下。

首先，我们需要知道两个概念

1，tabBar：tabBar页面就是写进导航条的页面。如果你经常用小程序的话，你会发现大多数小程序都是有导航条的，一般导航条被放在下方，通过点击可以切换页面。放在导航条中的页面属于特殊的页面，也就是tabBar页面，这里是小程序的首页或者说起点，一般我们要从这里出发，才能前往其他的页面。

2，页面栈：我们有这样一个经验，使用手机或者浏览器的时候，经常可以通过点击返回按钮，回到之前的页面，那怎么才能做到这一点呢？答案很简单，就是通过一个东西，来记录你所有访问过的页面。当你点击返回的时候，就去找到保存的页面或者保存的地址。因此，我们每进入一个新的页面，都会添加一个新的页面保存。但是这样的保存不可以无限制的添加下去，因为如果我们不断深入，它就不断保存的话，最终结果是越保存越多，超过负荷。所以，会采用一些办法，限制页面栈的无限保存。比如说，返回首页以后清空所有保存的内容，或者说，某个页面不