微信小程序中wx.switchTab、wx.reLaunch、wx.redirectTo、wx.navigateBack和wx.navigateTo的区别分别是什么？

最新推荐文章于 2025-06-07 11:11:15 发布

原创最新推荐文章于 2025-06-07 11:11:15 发布 · 494 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序 #小程序

wx.switchTab

功能描述：跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面。

需要跳转的 tabBar 页面的路径 (代码包路径)（需在 app.json 的 tabBar 字段定义的页面），路径后不能带参数。

wx.reLaunch

功能描述：关闭所有页面，打开到应用内的某个页面。

需要跳转的应用内页面路径 (代码包路径)，路径后可以带参数。参数与路径之间使用?分隔，参数键与参数值用=相连，不同参数用&分隔；如 'path?key=value&key2=value2'。

tabBar和非tabBar页面都可以跳转。

wx.redirectTo

功能描述：关闭当前页面，跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面。

需要跳转的应用内非 tabBar 的页面的路径 (代码包路径), 路径后可以带参数。参数与路径之间使用 ? 分隔，参数键与参数值用 = 相连，不同参数用 & 分隔；如 'path?key=value&key2=value2'。

wx.navigateTo

功能描述：保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面。使用 wx.navigateBack 可以返回到原页面。小程序中页面栈最多十层。

wx.navigateBack

关闭当前页面，返回上一页面或多级页面。可通过 getCurrentPages 获取当前的页面栈，决定需要返回几层。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Puff666

关注关注

2
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

在微信小程序中是如何实现页面间跳转的？底层原理是什么？

长风破浪会有时的博客

01-17

513

微信小程序提供了多种API来实现页面间的跳转，每种API适用于不同的场景。通过合理使用这些API，开发者可以构建出流畅且符合用户体验的导航结构。同时，理解其背后的栈式管理和路由机制有助于更好地设计和优化小程序的应用逻辑。

微信小程序开发问题总结

newbalsh的博客

10-29

961

它们在两个进程中进行，通过系统层JSBridge实现通信，实现UI的渲染、事件处理。在 success的回调中，调用 wx.requestPayment ，请求小程序的支付，在请求的参数中传递签名信息和商品信息；后台会根据我们传过去的code值来获取openid和session_key，后台需要调用数据库，将登录的信息进行保存，如果是第一次登录，会生成一条新的注册记录。注意：有的网站，登录成功后，还有一个手机绑定的功能，获取该微信的手机号，使用wx.request传到后台，与相应的注册账号进行绑定。

参与评论您还未登录，请先登录后发表或查看评论

关于微信小程序wx.switchTab的问题

03-29

昨天做了个功能要从首页跳到tabBar页,并且要带上参数.首先我是这样做的: 在index.js中: toCategory:function(event){ var cate_id = event.currentTarget.dataset.cate_id; wx.switchTab({ url: '../category/category?cate_id='+cate_id, }); }, 按照上面写的在category.js里得不到数据; onLoad:function(options){ console.log(options); } 然后查看了下官方文档. wx.switc

微信小程序wx.switchTab传值和跳转

qsj0606的博客

06-24

1469

微信小程序有多种页面跳转以及传值方式。在调用的页面跳转的页面

微信小程序wx.reLaunch；wx.navigateTo；wx.switchTab；wx.redirectTo跳转的区别

最新发布

jafir的博客

06-07

275

其他三个都可以带入参跳转，但是微信小程序设置了tabBar的地址路径wx.navigateTo和wx.redirectTo都跳转无效；有效的是wx.reLaunch和wx.switchTab可以跳转，看需要使用。四种都可以跳转，但是wx.switchTab只可以跳转指定路径不能带入参，带了也无效的。

微信小程序 - 页面跳转（wx.navigateTo、wx.redirectTo、wx.switchTab、wx.reLaunch）

weixin_52173250的博客

02-23

1752

微信小程序 - 页面跳转（wx.navigateTo、wx.redirectTo、wx.switchTab、wx.reLaunch）

微信小程序中wx.navigateTo , wx.redirectTo , wx.switchTab , wx.navigateBack , wx.reLaunch 的区别？

拆解SEO逻辑，深挖技术架构与流量获取路径。

03-19

1483

一、 wx.switchTab() 关闭所有页面，打开到应用内的某个页面 wx.switchTab({ url: '/index' }) 二、 wx.redirectTo() 关闭当前页面，跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面 wx.redirectTo({ url: 'test?id=1' }) 三、 wx.navigateTo( ) 保...

微信小程序里的路由函数解析（wx.switchTab、wx.reLaunch、wx.redirectTo、wx.navigateTo、wx.navigateBack）

泊一的博客

12-20

1662

文章目录一、wx.switchTab(跳转tabBar页面，不可传参)二、wx.reLaunch(先关闭所有页面，再跳转任何页面包括tabBar，可传参)三、wx.redirectTo(跳转关闭当前页，可传参)四、wx.navigateTo(跳转保存当前页，可传参)五、wx.navigateBack（跳转页面栈）六、wx.redirectTo和wx.navigateTo的区别官方文档：微信小程序...

微信小程序wx.navigateTo中events属性实现页面间通信传值，数据同步

10-16

小程序的页面导航主要通过三种API实现：wx.navigateTo、wx.redirectTo和wx.reLaunch。其中，wx.navigateTo用于保留当前页面，跳转到应用内的某个页面；wx.redirectTo则是关闭当前页面，跳转到应用内的某个页面；wx....

15个高频微信小程序面试题.docx

08-26

9. 微信小程序的路由跳转函数包括 wx.navigateTo()、wx.redirectTo()、wx.switchTab()、wx.navigateBack() 和 wx.reLaunch()。wx.navigateTo() 保留当前页面，跳转到应用内的某个页面。wx.redirectTo() 关闭当前页面...

微信小程序路由跳转

Syyynb的博客

05-22

1085

通过以上代码，我们实现了一个简单的场景：用户从首页跳转到文章详情页，然后跳转到用户设置页，最后从用户设置页返回到首页。在这个过程中，我们分别使用了。现在，我们来实现一个场景：用户从首页点击文章进入文章详情页，然后从文章详情页跳转到用户设置页，最后从用户设置页返回到首页。这两个导航API来实现不同的跳转效果。

【微信小程序】wx.navigateBack() 携带参数返回

NAMECZ的博客

07-24

7万+

今天写了一个功能页面，是一个表单的提交页，其中有要求选择省市区的一栏，省市区分别是三个页面。刚开始我的思路是这样的，当我点击选择省市区那一栏，跳转到选择省份的页面，选择好后，携带参数跳转到选择市的页面，然后继续携带参数跳转到选择区的页面，最后携带三个页面的参数跳转回表单页，乍一想，这样的思路逻辑很清晰，没什么毛病，但在实际操作中出现，当我选择好省市区携带参数跳转回表单页的时候，之前填写的表单信...

微信小程序页面跳转：wx.switchTab、wx.reLaunch、wx.redirectTo、wx.navigateTo、wx.navigateBack的使用和区别

张修宇的博客

04-15

1万+

1、wx.switchTab（跳转主页）跳转到tabBar页面，并关闭其他所有非tabBar页面，用于跳转到主页。属性： url：需要跳转的tabBar路径，不能带参数 success：接口调用成功的回调函数 fail：接口调用失败的回调函数 complete：接口调用结束的回调函数（调用成功、失败都会执行）示例： wx.switchTab({ url: '/index' }) 2、wx.reLaunch（关闭所有页面跳转）关闭所有页面，打开到应用内的某个页面。属性：

【微信小程序】几个路由函数（wx.switchTab、wx.reLaunch、wx.redirectTo、wx.navigateTo、wx.navigateBack）的用法

hellocc233的博客

05-05

8060

在微信公众平台的小程序开发文档里，目前微信提供的路由函数有5个，由于本人在编写代码的时候碰到了问题（花了近一个早上才找到了解决方案，所以想记录下就这个问题），顺便再重新上去查阅了下，记录下这个几个函数的用法。 ①首先是wx.switchTab，用这个函数的前提是，你的app.json下要添加tabBar并且有list（里面的属性一般不能少于2个，但是也不能多于5个），也就是说你的小程序要有底部导...

简述下wx.navigateTo()、wx.redirectTo()、wx.switchTab()、wx.navigateBack()、wx.reLaunch()的区别

weixin_42095178的博客

12-31

1014

index/index’ // 重新加载当前页面或跳转到某个页面。与 wx.navigateTo() 或 wx.redirectTo() 结合使用可以实现刷新页面的效果。在实际使用中，选择哪个API主要取决于你的需求：是否需要保留当前页面、是否需要关闭当前页面、是否需要返回到某个特定的页面等。与 wx.navigateTo() 或 wx.redirectTo() 结合使用可以实现刷新页面的效果。保留当前页面，跳转到应用内的某个页面。关闭当前页面，跳转到应用内的某个页面。关闭当前页面，返回上一页面。

微信小程序——switchTab和navigateTo理解

Mr_楠先森的博客

01-14

6万+

官方的开发者文档中对于两者的比较仅仅为是否和tabBar相互连接，简单的来讲就是： redirectTo：关闭当前页(卸载)，跳转到指定页 navigateTo：保留当前页(隐藏)，跳转到指定页 switchTap：只能用于跳转到tabbar页面，并关闭其他非tabbar页面,tabbar之间做切换常见的会出现的问题：（1）因为bindtap名字的问题导致的无法进行正常的跳转...

微信小程序wx.switchTab参数处理

全场梦游c的博客

05-23

2914

官方文档上不能传递参数。所以只能放在全局变量中。 app.js中 globalData: { homeCurrentTab:0 } 我们所在的页面： .wxml内容：navigator必须要有url参数 <navigator bindtap='kind' url='../kind/kind' open-type="switchTab" data-id="0"...

微信小程序switchTab传参以及接收参数