关于小程序学习跳转 redirectTo、navigateTo、switchTap、reLaunch区别

最新推荐文章于 2025-10-16 10:33:23 发布

原创最新推荐文章于 2025-10-16 10:33:23 发布 · 4.3k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#redirectTo #navigateTo #switchTap

微信小程序专栏收录该内容

0 篇文章

订阅专栏

博客介绍了小程序几种页面跳转方式。redirectTo关闭当前页跳转；navigateTo保留当前页跳转；switchTap用于跳转到tabbar页面并关闭非tabbar页；reLaunch关闭所有页面打开指定页，且使用后页面无返回键。

1、redirectTo：关闭当前页，跳转到指定页；

2、navigateTo：保留当前页，跳转到指定页；

3、switchTap：只能用于跳转到tabbar页面，并关闭其他非tabbar页面；

4、reLaunch：关闭所有页面，打开到应用内的某个页面。

注意：reLaunch 关闭所有页面了，因此它页面也没有了返回键了

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

DS篵子

关注关注

1
点赞
踩
5

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

【小技巧】解决微信小程序switchTab后tab不刷新

qunbook-设计与数据的介乎额

05-20

1672

【原因】如果tab之前已经打开，再跳转到tab页是不走任何生命周期的。【解决】所以只能获取当前打开的所有页，再找到最后的那个页面即时当前显示的页面，跳转成功的那个页面。再调用onShow方法强制刷新！【代码片段】 wx.switchTab({ url: '../index/index', success: function (e) { var page = getCurrentPages().pop(); if (page == undefined || ...

小程序 自定义开关组件

ITLISHUANG的博客

08-14

1880

写在前：想自己写一个开关switch 如下图；并写成组件首先，根据小程序文档提供的自定义组件；可以新建一个文件夹包括： json wxss wxml js 四个文件夹； 小程序右键，新建Component 之后，此文件夹json中已经设置："component": true, js文件夹也是已经初始化好了。其次，可以先引用这个组件，然后看效果； ...

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

navigateTo、redirectTo、switchTap与reLaunch的区别

weixin_30237281的博客

04-03

1090

wx.navigateTo：保留当前页，跳转到指定页,非tabBar；使用 wx.navigateBack 可以返回到当前的页面。 wx.redirectTo：关闭当前页，跳转到指定页,非tabBar；将无法回到当前页面。 wx.switchTap：只能用于跳转到tabbar页面，并关闭其他非tabbar页面。 wx.reLaunch：是关闭所有页面，跳转到指定页,非tabBar的页面。 ...

【小程序】- switchTab、navigateTo、redirectTo如何应用

Arielle-L

05-17

768

这一篇要记录分享的是小程序中关于页面跳转的三个方法switchTab、navigateTo、redirectTo分别有什么作用，如何更好地应用这三个方法便于开发；内容： switchTab、navigateTo、redirectTo

微信小程序：wx.redirectTo 和 wx.navigateTo的区别

热门推荐

Mr_楠先森的博客

01-14

6万+

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

小程序navigateTo与redirectTo，跳转页面报错：fail webview count limit exceed

浩星

10-29

9656

前言： 小程序中涉及跳转页面报错:fail webview count limit exceed。目录：报错信息：报错原因：官方介绍navigateTo：解决方法：官方介绍redirectTo：报错信息：报错原因：官方介绍navigateTo： wx.navigateTo(Object object) 保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面。使用wx.navigateBack可以返回到原页面。小程序中页面栈最多...

小程序 / redirectTo与navigateTo

zhumizhumi的博客

11-19

1529

一.共同之处 navigateTo与redirectTo都是小程序内置好的API，用来跳转二.不同之处 1、跳转之后新页面的区别（1）利用navigateTo实现跳转，跳转之后的新页面的页面头部（2）利用redirectTo实现跳转，跳转之后的新页面的页面头部 2、跳转之后对老页面的处理（1）利用navigateTo实现跳转，跳转的时候，老页面会执行onHide函数...

redirectTo和navigateTo的区别

zzh853403913的博客

06-17

7565

学angularJS的时候在base.js里面看到redirectTo和navigateTo,不太清楚区别就查了一下。 navigateTo: （navigate中文意思是导航），可以想象成目录的那种结构，从父页面导航到下一个子页面，然后还可以再回退到父目录，好像有个什么五层最深结构限制（这个还不清楚）。 redirectTo：（redirect重新定向）在当前页面直接重定向到另一个页面，所...

微信小程序三种跳转方式navigateTo、redirectTo、relaunch的不同之处

weixin_39673931的博客

12-20

529

一：navigateTo跳转二：redirectTo跳转三：relaunch跳转

【微信小程序】redirectTo 和 navigateTo的用法和区别

litterfinger的博客

04-06

1081

redirectTo和navigateTo的用法和区别

钉钉小程序dd.switchTab无效？

Dark_programmer的博客

06-17

777

switchTab && reLaunch

微信小程序详细介绍

m0_60970928的博客

03-08

4335

微信小程序自发布以来，逐渐进入到我们的生活中，成为我们生活中不可或缺的一部分，但你真的了解微信小程序的由来吗？本篇文档为大家一一讲解微信小程序，小程序的一种，英文名，是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应用。以上就是微信小程序的基础介绍和基础使用。希望本篇文章能够帮助到你，不懂得可以评论区或者私信问我，我也会一一解答。我的其他文章:https://blog.youkuaiyun.com/m0_60970928?type=blog。

微信小程序怎么让列表数据横着展示

06-28

在微信小程序中实现列表数据的横向展示，是一种常见且有效的 UI 设计方式，可以提升界面美观性和用户交互体验。这种设计通常用于导航栏、商品推荐、图片轮播等场景。 ### 实现横向滚动列表的基本方法 #### 1. 使用...

navigateTo、redirectTo、reLaunch、switchTab、navigateBack区别

猫老板的豆

07-17

1522

navigateTo：保留当前页面，跳转到应用内的某个页面 redirectTo：关闭当前页面，跳转到应用内的某个页面。 reLaunch：关闭所有页面，打开到应用内的某个页面。 switchTab：跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面。 navigateBack：关闭当前页面，返回上一页面或多级页面。 ...

小程序开发之路由navigateTo、reLaunch、redirectTo、switchTab及传值问题

M.Siebel

01-07

4678

页面路由在小程序中所有页面的路由全部由框架进行管理。注：路由（routing）是指分组从源到目的地时，决定端到端路径的网络范围的进程。页面栈框架以栈的形式维护了当前的所有页面。当发生路由切换的时候，页面栈的表现如下：注：堆是先进先出,栈是先进后出 getCurrentPages() getCurrentPages() 函数用于获取当前页面栈的实例，以数组形式按栈的顺序给出，第一个元素...

微信小程序跳转问题：wx.redirectTo、wx.navigateTo、wx.reLaunch、wx.switchTap、wx.navigateBack区别...

weixin_30617561的博客

07-19

1363

wx.redirectTo：关闭当前页，跳转到指定页； wx.navigateTo：保留当前页，跳转到指定页； wx.reLaunch：关闭所有页面，打开到应用内的某个页面。 wx.switchTap：只能用于跳转到tabbar页面，并关闭其他非tabbar页面。 wx.navigateBack：关闭当前页面，返回上一页面或多级页面。可通过getCurrentPages()获取当前的...

工作小记：redirectTo，relaunch，switchTab

weixin_43764828的博客

06-09

544

首先遇到的问题是redirectTo传递参数，但是参数丢失了如下： let url="…/vedio/vedio?pid=3" wx.redirectTo({ url: ‘…/login/login?id=1’ + ‘&currentPages=’ + url, }) 结果在login页面onLoad的options里面，我只打印到 id:1,currentPages:’…/vedio/vedio’ 路径后面的参数被去掉了。。后面对参数做了如下处理 let url = encodeURIComp

微信小程序-各种跳转

weixin_34319111的博客

08-23

703

微信小程序一共给我们提供了4个API函数用于微信小程序内各页面之间的跳转。1. wx.navigateTo() 直接跳转wx.navigateTo()用于保留当前页面、跳转到应用内的某个页面，使用 wx.navigateBack可以返回到原页面。对于页面不是特别多的小程序，通常推荐使用 wx.navigateTo进行跳转，以便返回原页面，以提高加载速度。当页面特别多时，则不推荐使用。2.wx....