wx.switchTab跳转失败

已于 2023-05-07 06:06:47 修改
阅读量3.9k 收藏 6
点赞数 10
文章标签： 小程序 微信小程序 前端
于 2023-05-07 06:03:32 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_54727445/article/details/130538514
版权
文章探讨了wx.switchTab在微信小程序开发中无法正常跳转的可能原因，包括页面未在app.json的tarBar中定义以及URL路径缺少根目录前缀。提供了解决此类问题的思路和参考链接。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

关于wx.switchTab在开发工具中都不能实现跳转，路径又没有写错，可能是以下问题：

1.不是在app.json中tarBar定义的页面

 比如由上图可以看出page/person/person是在tarBar中定义的页面，而address/address是没有在tarBar中定义的页面，那么

 2.在url路径中没有补上 / ，看上去路径没错，但是没有回到根目录重新定位，小程序的逻辑找不到路径

补充资料：

wx.redirectTo(Object object) | 微信开放文档 (qq.com)

(2条消息) 微信小程序：wx.switchTab传值和跳转_Janson_Lin的博客-CSDN博客

晨曦微兮
关注
微信小程序开发系列（三十一）·页面跳转API（wx.navigateTo、wx. redirectTo、wx.switchTab、wx.reLaunch、wx.naviga）以及如何进行参数传递
时光の尘的博客
03-14 8995
分隔，例如：path?key=value&key2=value2 参数需要在跳转到的页面的 onLoad 钩子函数中通过形参进行接收。关闭（销毁）当前页面，跳转到应用中其他页面，不能跳转到tabBar页面。保留当前页面，跳转到应用中其他页面，不能跳转到 tabBar 页面。保留当前页面，跳转到 tabBar 页面，不能跳转到应用中其他页面。也可以在跳转到的页面的 onLoad 钩子函数中通过形参进行接收。如何返回多级页面呢？关闭当前页面，返回上一页或者返回多级页面，默认返回上一页。
微信小程序wx.switchTab传参问题
It届辣妈的博客
05-12 1602
今天遇到一个功能，从其他页面(pages/select.vue)跳转到首页(pages/index/index)，而且这个首页还是tabbar,所以能用uni.switchTab,navigator这两种方式跳转到首页，但是uni.switchTab是不能传参的 大家看我在pages/select/index.vue上面的data中有定义current这个参数为0，然后再下面这个button事件里能拿到current,控制台也打印出来current=3 但是用uni.switchTa..
简述下 `wx.navigateTo()`, `wx.redirectTo()`, `wx.switchTab()`, `wx.navigateBack()`, `wx.reLaunch()`的区别？
kobezzZ的博客
08-28 1452
1、wx.navigateTo()：保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面 2、wx.redirectTo()：关闭当前页面，跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面 3、wx.switchTab()：跳转到 abBar 页面，并关闭其他所有非 tabBar 页面 4、wx.navigateBack()关闭当前页面，返回上一页面或多级页面。可通过...
微信小程序跳转报错：switchTab:fail can not switch to no-tabBar page
m0_54630400的博客
11-18 3881
报错情况： 原因： 注意switchTab只能跳转到带有 tab 的页面，不能跳转到不带 tab 的页面 跳转不带 tab的页面是用redirectTo或者navigateTo 我这里是因为跳转的不带 tab 的页面，但用的是switchTab，所以跳转报错 之前代码： wx.switchTab({ url: `/${path}` }) 更改错误之后： wx.navigateTo({ url: ...
微信小程序 - 页面跳转（wx.navigateTo、wx.redirectTo、wx.switchTab、wx.reLaunch）
weixin_52173250的博客
02-23 1488
微信小程序 - 页面跳转（wx.navigateTo、wx.redirectTo、wx.switchTab、wx.reLaunch）
关于uniapp switchTab点击无法跳转问题
hcyblj的博客
07-07 3399
关于uniapp switchTab点击无法跳转问题
微信小程序之wx.navigateTo不跳转问题
qq_42628504的博客
12-27 8528
最近一个项目需要做微信小程序，基本上是第一次正式做小程序的项目，途中遇到很多坑，所以准备写一个经验系列。这次又遇到了“wx.navigateTo”不跳转，也没有任何错误提示的问题，分享一下解决的前后，希望对大家有所帮助。 点击跳转按钮之后调用下面的方法准备想跳转到首页，但是发现使用wx.navigateTo完全没有用 思路1: app.json文件中没有注册该路径，路径地址是否一致。然后我校对了文件，发现我的路径存在，而且路径也完全正确。 思路2: 查看要转到的页面是否为tabBar的页面，因为如果是
uni.switchTab跳转失败的原因
bbt953的博客
05-06 6977
检查url是否是pages里面的tabBar注册的页面 路径前面必须以 '/'开头 uni.switchTab({ url: '/pages/cate/cate', success(){ }, fail() { console.log('失败了吗') } }) 没有这个’/'就会走到fail
原生小程序开发跳转不过去
weixin_65287520的博客
10-08 356
3.第三种：如果跳转的路径已经在app.json文件中的TabBar选项中注册，跳转方法需要用wx.switchTab方法来跳转。1.第一种：忘记在app.json文件中pages选项中注册对应路径。2. 第二种：页面跳转路径写错。
为什么用uni.switchTab会提示报错使用wx.switchTab就不会报错
01-05
在uni-app框架下，`uni.switchTab`用于跳转到tabBar页面并关闭其他所有非tabBar页面[^2]。而在微信小程序中，`wx.switchTab`同样具有此功能，即关闭所有页面，仅保留目标tabBar页面[^1]。 对于两者的主要区别在于...
微信小程序在app.json文件中使用了tarbar之后，使用wx.navigatTo无法跳转页面，使用wx.switchTab
qq_43305958的博客
08-27 506
微信小程序在app.json文件中使用了tarbar之后，使用wx.navigatTo无法跳转页面，使用wx.switchTab一、微信小程序是什么？二、使用步骤1.创建tarbar2.使用wx.switchTab总结 一、微信小程序是什么？ 2020年前端的趋势，小程序化 二、使用步骤 1.创建tarbar 在app.json文件中 代码如下（示例）： "tabBar": { "color": "#a9b7b7", "selectedColor": "#3498db", "bo
wx.switchTab 和wx.navigateTo有什么区别
最新发布
04-23
wx.navigateTo是保留当前页面并跳转到新页面，不能跳转到tabBar页面，而wx.switchTab则是专门跳转到tabBar页面，并且会关闭其他非tabBar页面。此外，用户提到的引用[3]指出，wx.switchTab无法直接传递参数，需要通过...
小程序跳转报错：switchTab:fail can not switch to no-tabBar page
浩星
06-23 2万+
前言： 再使用小程序跳转页面的时候报错： 原因： 注意switchTab只能跳转到带有tab的页面，不能跳转到不带tab的页面 跳转不带tab的页面还是用redirectTo或者navigateTo 我这里因为之前是有tab底部导航的，但是现在没有，所以跳转报错 之前代码： wx.switchTab({ url: '/pages/index' }) 改之后： wx.navigateTo({ ...
uni小程序wx.switchTab有时候跳转错误tab问题，解决办法
02-27 682
在一个子页面里面使用uni.switchTab或者wx.switchTab跳转到tab菜单的时候，先发送了一个请求，然后执行跳转到tab菜单，但是这个时候，出错了........也是非常的奇怪，不加请求就没问题......但是业务逻辑就是要先执行某个请求，然后执行跳转。
wx.navigateTo跳转首页无效
weixin_48809422的博客
06-05 186
解决方法：使用wx.switchTab()方法跳转。
关于微信小程序wx.switchTab的问题
热门推荐
xgwshen的博客
09-07 3万+
昨天做了个功能要从首页跳到tabBar页,并且要带上参数.首先我是这样做的: 在index.js中: toCategory:function(event){     var cate_id = event.currentTarget.dataset.cate_id;     wx.switchTab({       url: '../category/category?cate_id='
小程序学习：小程序跳转页面出错/wx.switchTab与wx.navigateTo
ainingzetao的博客
05-29 833
当页面点击之后无法跳转的时候，确认下是否正确使用wx.navigateTo与wx.switchTab 1.适用范围 wx.navigateTo，只能跳转到非tabBar页面，wx.switchTab，跳转到tabBar页面，也就是说如果你想要跳到tabBar页面，使用wx.navigateTo是不起效果的，而如果想要跳转到tabBar页面就必须要用wx.switchTab。 2.参数问题 关于页面跳转传参问题，记住，wx.switchTab跳转路径后不能带参数，如 wx.switchTab({.
关于微信小程序wx.switchTab() 和wx.navigateBack()无法传递参数的两种解决方法
Candy_mi的博客
05-10 5135
1.把参数保存在全局里//a.jsconst app = getApp();go_index:function(e){//获取身份id 保存到全局里var shenfen_id = e.currentTarget.id;app.globalData.shenfen_id = shenfen_id       //把本页面需要传递的参数保存在全局上wx.switchTab({url: '/pages...
小程序跳转tabBar无效解决办法【switchTab before pages are registered】
菜菜的博客
05-20 1334
项目需求是进入小程序首先展示落地页，若已授权登录则跳转到小程序的tabBar首页，直接使用 wx.switchTab进行跳转有时候会失效，并提示以下信息：switchTab before pages are registered. 百度了解决办法，网上说把调试基础库调到最新的版本（工具-->项目详情-->调试基础库），调到2.11.0后依旧不生效。 最终解决办法：使用延...
wx.switchtab带参数跳转
09-26
可以使用全局变量来传递参数。首先，在app.js中设置一个全局变量，例如globalData.currentParam，然后在跳转之前将参数赋值给这个全局变量。在目标页面中可以通过...这样就可以实现在wx.switchTab中带参数跳转页面了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值