redirectTo、navigateTo与switchTap区别

最新推荐文章于 2022-09-21 11:03:58 发布
最新推荐文章于 2022-09-21 11:03:58 发布
阅读量813 收藏
点赞数
分类专栏： 小程序 文章标签： 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liuge36/article/details/80953638
版权

老是记忆不大清楚,简单写一下

简单作区分就是:

redirectTo：关闭当前页(卸载)，跳转到指定页

navigateTo：保留当前页(隐藏)，跳转到指定页

switchTap：只能用于跳转到tabbar页面，并关闭其他非tabbar页面,tabbar之间做切换

留歌留歌
关注
专栏目录
uni-app 上架应用商店 坑坑坑 使用switchTab时 tabbar按钮跟tabbar页面不对应问题解决以及返回按钮监听的坑
LIXIAONA_1101的博客
11-17 1486
情景： 上架apple商店以及微信小程序时，由于应用中存在商城所以在未登录的状态下依旧可进入程序查看除需用户登录之外的信息驳回，对此进行改正 需求： 点击Btabbar需进行用户登录，进入登录页面后在未登录的状态下返回，展示上上个页面又或者指定页面 实现思路： 对Btabbar进行点击事件的监听：跳转登录页面，在登录页面中进行返回事件监听，发送通知又或者直接跳转到指定页面。 这里需要注意的是onBackPress（）事件有平台之分，所以我在小程序的地方使用的是onUnload（）中进行相应的操作
微信小程序--切换tab并携带数据的三种实现方式
scy_fighting的博客
06-27 4137
初学小程序，今天遇到了一个小坑，总结一下。我想要实现的效果是：点击文章进入文章详情。标注：首页对应的是index相关文件，详情对应的是logs相关文件。一共有三种实现方式：switchTab方法、navigateTo方法、navigator方法。1、switchTab方法要实现的效果如图：所需要的代码：a、在index.wxml中写如下代码：    <view class='article'...
微信小程序——switchTab和navigateTo理解
Mr_楠先森的博客
01-14 6万+
官方的开发者文档中对于两者的比较仅仅为是否和tabBar相互连接，简单的来讲就是： redirectTo：关闭当前页(卸载)，跳转到指定页 navigateTo：保留当前页(隐藏)，跳转到指定页 switchTap：只能用于跳转到tabbar页面，并关闭其他非tabbar页面,tabbar之间做切换 常见的会出现的问题： （1）因为bindtap名字的问题导致的无法进行正常的跳转...
微信小程序-switchTab和navigateTo理解
weixin_44204144的博客
09-22 1487
官方的开发者文档中对于两者的比较仅仅为是否和tabBar相互连接，简单的来讲就是： redirectTo：关闭当前页(卸载)，跳转到指定页 navigateTo：保留当前页(隐藏)，跳转到指定页 switchTap：只能用于跳转到tabbar页面，并关闭其他非tabbar页面,tabbar之间做切换 例如： wx.navigateTo 是指跳转到指定页面，左上角有返回按钮，返回上一级 wx.switchTap 是指跳转到tabbar页面。 ...
redirectTo和navigateTo的区别
zzh853403913的博客
06-17 7349
学angularJS的时候在base.js里面看到redirectTo和navigateTo,不太清楚区别就查了一下。 navigateTo: （navigate中文意思是导航），可以想象成目录的那种结构，从父页面导航到下一个子页面，然后还可以再回退到父目录，好像有个什么五层最深结构限制（这个还不清楚）。 redirectTo： （redirect重新定向）在当前页面直接重定向到另一个页面，所...
关于小程序学习跳转 redirectTo、navigateTo、switchTap、reLaunch区别
u014786004的专栏
06-17 4249
1、redirectTo：关闭当前页，跳转到指定页； 2、navigateTo：保留当前页，跳转到指定页； 3、switchTap：只能用于跳转到tabbar页面，并关闭其他非tabbar页面； 4、reLaunch：关闭所有页面，打开到应用内的某个页面。 注意：reLaunch 关闭所有页面了，因此它页面也没有了返回键了 ...
Fluke Networks交换环境的诊断方法
03-04
在IT网络领域，Fluke Networks提供了两种高效诊断方法——交换机探头(SwitchTap)和交换路由追踪(SwitchRoute)，以解决复杂交换网络环境中的监控和故障排查问题。这两种技术都旨在提高网络管理的便捷性和效率。 首先...
福禄克网络公司独特的交换环境的诊断方法
03-04
福禄克网络公司针对复杂交换网络环境提出了一种独特的诊断方法，主要包含了交换机探头(SwitchTap)和交换路由追踪(SwitchRoute)两大技术。 首先，交换机探头(SwitchTap)是一种利用交换机“镜像端口”功能进行流量...
2022前端面试题《41题-60题》（每日更新）
weixin_58286480的博客
02-18 944
前端面试题 越到后面框架越多 含金量也越多 加油吧各位程序源们
微信小程序页面跳转wx.navigateTo和wx.redirectTo的区别
美奇软件开发工作室
11-07 3953
wx.navigateTo： 保留当前页面，跳转到应用内的某个页面 示例代码： // 注意：调用 navigateTo 跳转时，调用该方法的页面会被加入堆栈，而 redirectTo 方法则不会。见下方示例代码 // 此处是A页面 wx.navigateTo({ url: '/pages/a/a?id=1' }) // 此处是B页面 wx.navigateTo({ url:...
【个人笔记】记录被navigateTo和redirectTo坑到的一天
wusq的博客
09-16 790
如图 Error: framework error: can not find page: pages/messageRemind/pages/messageDetail/main when execute navigateTo for url pages/messageDetail/main 要进行页面跳转，可以发现它报错了，一直拼接了当前的路由，代码长这样： my.navigateTo({ url:'pages/messageDetail/main' }) 解决 注意看，pages前面没有加/，说明
小程序onload触发多次(或switchtap不触发onload)
weixin_47124112的博客
08-22 3659
按官方文档解释，onLoad() 应该在第一次显示页面的时候调用，以后再次切换到该页面时，不会再调用这个函数。如下图：实际调试中，进入一个页面时，我发现页面的 onLoad() 函数有时有调用，有时没有。原因在下面的解释中：onLoad: 页面加载。一个页面只会调用一次。参数可以获取wx.navigateTo和wx.redirectTo及中的 query。onShow: 页面显示每次打开页面都会调用一次。onReady: 页面初次渲染完成。
微信小程序switchTab传参以及接收参数
weixin_42220039的博客
10-28 1万+
在微信小程序开发的过程中，难免会遇到switchTab传参这种情况，下面记录下处理方式，希望所有帮助 描述功能场景 比如从index.wxml页面跳转到tabbar中的log.wxml页面 习惯性的传参方式如下 wxml wx.switchTab({ url: '/yb_mingpian/pages/newIndex/newIndex?is_first_login=1', }); js接收参数也是如下 onLoad:function(e){ console.log (e) }
wx.navigateTo()与wx.switchTab、wx.redirectTo()的区别
qq_41988669的博客
09-21 9651
url: 需要跳转的应用内非 tabBar 的页面的路径 (代码包路径), 路径后可以带参数。navigateTo: （navigate导航）从父页面导航到下一个子页面，然后还可以再回退到父目录，一般默认是最多深入5个页面可以被记录进行回退。保留当前页面，跳转到应用内的某个页面。redirectTo：（redirect重定向）在当前页面直接重定向到另一个页面，所以也不存在回退到原页面的情况。关闭当前页面，跳转到应用内的某个页面。跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面。
uni-app switchTab和navigateTo的用法
songjuntao8的专栏
01-20 1586
switchTab 和 navigateTo 都是页面跳转，不同点在于switchTab 跳转的路径必须为Tab，（也就是标签栏所能跳转的页面）
微信小程序—点击navigator中的子元素同时，防止跳转
阵雨的博客
12-13 7634
前期代码： <navigator hover-class="none" url=''> <view>内容</view> <view bindtap='telChange'>拨打电话</view> </navigator> telChange: function (e) { wx.makeP...
微信小程序-消息提示框实例
热门推荐
zgmu的专栏
12-02 7万+
做Android的时候对toast是很熟悉的.微信小程序开发中toast也是重要的消息提示方式. 提示框： wx.showToast(OBJECT) 显示消息提示框 OBJECT参数说明： 示例代码： wx.showToast({ title: '成功', icon: 'success', duration: 2000 }) wx.hideToast()
微信小程序点击switch出现提示框
最新发布
09-06
switchTap: function (e) { wx.showModal({ title: '提示', content: '确定要切换状态吗？', success: function (res) { if (res.confirm) { console.log('用户点击确定'); // 这里可以执行相应的操作 } ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值