小程序中的页面跳转redirectTo,switchTab,navigateTo,reLaunch

最新推荐文章于 2024-03-14 05:00:00 发布
最新推荐文章于 2024-03-14 05:00:00 发布
阅读量1.4k 收藏 3
点赞数
分类专栏： 小程序 文章标签： 小程序 路由 navigateTo
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/rolinabc/article/details/107001704
版权

    在小程序中页面跳转的方式有很多,但是可能很多人还是搞不清他们之间的区别,那这篇博客就是来讲一讲,小程序中这几个页面跳转也就是路由跳转的区别

    1.navigateTo

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

         这个跳转方式是我们最常用到的,它在使用的时候触发的生命周期是 onHide 指的是隐藏了之前的页面,所以我们可以使用navigateBack来进行返回.可以携带参数

     2.redirectTo

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

        这个跳转方式,不可以跳转回之前的页面. 因为在使用这种方式进行页面跳转的时候,小程序会触发生命周期 onUnload 指的是页面卸载,所以是不可以返回的.可以携带参数

   3.switchTab

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

       这个跳转只能够跳转到tabBar页面, tabBar页面指的是在app.json中写的. 这种方法不能够携带参数

   4.reLaunch

       关闭所有页面，打开到应用内的某个页面

       这种跳转方式既可以跳转普通页面,也可以跳转至tabBar页面,但是跳转之前会关闭所有打开的页面.  可以携带参数

    这就是全部啦,欢迎留言,私信探讨技术哦!

橙程橙
关注
专栏目录
uniapp - 在 onLaunch 中使用 redirectTo 或r eLaunch 重定向跳转页面后点击事件失效（uniapp编译成小程序时会出现）
高级前端工程师
02-07 2551
uniapp 在onLaunch中跳转页面后，点击事件失效解决方法使用uniapp编译成小程序时,在onLaunch中重定向会导致点击事件失效
微信小程序——页面跳转方法和场景用法总结
不迁怒，不贰过。小知识，大智慧。
07-21 2568
1、wx.switchTab(url)：跳转主页 2、wx.reLaunch(url)：关闭所有页面跳转 3、wx.redirectTo(url)：关闭当前页面跳转 4、wx.navigateTo(url)：保留页面跳转 5、wx.navigateBack(delta)：页面返回
工作小记：redirectTo，relaunch，switchTab
weixin_43764828的博客
06-09 480
首先遇到的问题是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
微信小程序跳转navigateTo与redirectTo
weixin_30881367的博客
01-17 185
　　2018-01-16 　　- 微信中跳转页面方法目前接触到两种navigateTo与redirectTo wx.navigateTo({ 　　url: '', }), wx.redirectTo({ 　　url: '', }) 　　- navigateTo表示不破坏当前页序，在当前页面进行跳转 　　-redirectTo 打开一个新的 webview 并关闭之前(...
微信小程序开发系列（三十一）·页面跳转API（wx.navigateTo、wx. redirectTo、wx.switchTab、wx.reLaunch、wx.naviga）以及如何进行参数传递
最新发布
时光の尘的博客
03-14 7455
分隔，例如：path?key=value&key2=value2 参数需要在跳转到的页面的 onLoad 钩子函数中通过形参进行接收。关闭（销毁）当前页面，跳转到应用中其他页面，不能跳转到tabBar页面。保留当前页面，跳转到应用中其他页面，不能跳转到 tabBar 页面。保留当前页面，跳转到 tabBar 页面，不能跳转到应用中其他页面。也可以在跳转到的页面的 onLoad 钩子函数中通过形参进行接收。如何返回多级页面呢？关闭当前页面，返回上一页或者返回多级页面，默认返回上一页。
微信小程序页面跳转：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.navigateTo中events属性实现页面间通信传值，数据同步
10-16
在介绍具体如何使用wx.navigateTo中的events属性之前，我们需要了解一下微信小程序的页面导航机制。小程序的页面导航主要通过三种API实现：wx.navigateTo、wx.redirectTo和wx.reLaunch。其中，wx.navigateTo用于保留...
小程序开发之路由navigateTo、reLaunch、redirectTo、switchTab及传值问题
M.Siebel
01-07 4468
页面路由 在小程序中所有页面的路由全部由框架进行管理。 注：路由（routing）是指分组从源到目的地时，决定端到端路径的网络范围的进程。 页面栈 框架以栈的形式维护了当前的所有页面。 当发生路由切换的时候，页面栈的表现如下： 注：堆是先进先出,栈是先进后出 getCurrentPages() getCurrentPages() 函数用于获取当前页面栈的实例，以数组形式按栈的顺序给出，第一个元素...
微信小程序常见页面跳转操作简单示例
10-17
页面跳转作为微信小程序开发中的一项基本功能，是实现小程序页面间切换和交互的重要手段。下面将详细解析微信小程序中常见的页面跳转操作及相关技巧。 首先，让我们了解微信小程序的页面跳转原理。在小程序中，页面...
微信小程序：跳转到底部导航栏的某个页面（wx.switchTab）
傲笑风的博客
04-20 7111
页面跳转是微信小程序常用的功能，如果想跳转回底部导航栏的某个页面，wx.navigateTo()等函数是无法返回tabbar绑定的页面的；本文将讲解一个专门能实现跳转到底部导航栏（tabbar）的某个页面的函数：wx.switchTab() 如果还不了解什么是底部导航栏（tabbar），可参考：微信小程序之底部导航栏（tabbar） 假设小程序已经有tabbar，当前页面不是tabbar绑定的页面...
【小程序】- switchTab、navigateTo、redirectTo如何应用
Arielle-L
05-17 654
这一篇要记录分享的是小程序中关于页面跳转的三个方法switchTab、navigateTo、redirectTo分别有什么作用，如何更好地应用这三个方法便于开发； 内容： switchTab、navigateTo、redirectTo
解决微信小程序使用switchTab跳转后页面不刷新的问题
小屁孩大帅-保密的博客
06-30 635
wx.switchTab({ url: '../index/index', success: function (e) { var page = getCurrentPages().pop(); if (page == undefined || page == null) return; page.onLoad(); } }) switchTab成功跳转后调用success,此时...
ASP.NET-RedirectToAction只能使用get方法
weixin_30498807的博客
03-24 207
两个同名Action共同使用return View() return RedirectToAction("test", new { ls = list.Fct_OrderList })RedirectToActions的传值方式只能使用GET方法这种方式是不安全的，所以要么讲字符串加密后传输后再解密，要么变个法，使用POST方式来传输参考文章：http://www.alixixi.com...
小程序页面跳转使用reLaunch遇到的坑
weixin_43167662的博客
11-04 2739
reLaunch
微信小程序(3)面试官：说说微信小程序中路由跳转的方式有哪些？区别？
foxi123的博客
10-21 263
一、是什么 微信小程序拥有web网页和Application共同的特征，我们的页面都不是孤立存在的，而是通过和其他页面进行交互，来共同完成系统的功能 在微信小程序中，每个页面可以看成是一个pageModel，pageModel全部以栈的形式进行管理 二、有哪些 常见的微信小程序页面跳转方式有如下： wx.navigateTo(Object) wx.redirectTo(Object) wx.switchTab(Object) wx.navigateBack(O..
uniapp跳转页面动画
m0_63250938的博客
10-24 6487
保留当前页面，跳转到应用内的某个页面，使用uni.navigateBack可以返回到原页面。
微信小程序中switchTab、redirectTo、navigateTo的区别及适用场景
月来better
06-24 1043
微信小程序中避免不了页面之间的交互场景，因此需要弄清楚什么样的场景使用哪种API 小程序中关于页面跳转的api有：switchTab、redirectTo、navigateTo，来了解一下他们的应用场景。 switchTab： 跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面 App.json { "tabBar": { "list": [{ "pagePath": "index", "text": "首页" },{ "pagePath
小程序switchTab、navigateTo、redirectTo、navigateBack、reLaunch的使用场景
weixin_43222587的博客
02-15 1829
1. redirectTo：关闭当前页，跳转到指定页； 2. navigateTo：保留当前页，跳转到指定页； 3. switchTap：只能用于跳转到tabbar页面，并关闭其他非tabbar页面； 4. navigateBack：返回前面的页面，可以指定返回多少页，如果用过redirectTo，那么被关闭的页面将返回不去； 5. reLaunch：关闭卸载所有页面，可以打开任意页面
微信小程序 navigateTo权限错误处理方法
通过以上分析，可以看出解决“navigateTo:fail rejected due to no permission currently”错误的关键在于理解微信小程序页面跳转的权限管理机制，确保开发中的跳转逻辑符合框架规范，并对用户状态和小程序版本进行...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值