小程序-wx.navigateTo/wx.redirectTo只能用在非tabBar页面的跳转，要跳转到tabBar页面，需要使用wx.switchTab

最新推荐文章于 2024-05-22 16:23:02 发布
最新推荐文章于 2024-05-22 16:23:02 发布
阅读量2.8k 收藏 1
点赞数
分类专栏： 大前端 小程序

在微信小程序开发过程中，如果你出现了在其他地方可以正常跳转，但是此时就是不行，不知道为什么。

分析原因：

1.你的页面在app.json文件中注册了吗？
2.你的url地址写对了吗，目录层级没错吗?
3.你要跳转到的页面是非tabBar的页面吗？如果是tabBar页面，恭喜你，找到问题了。
wx.navigateTo/wx.redirectTo只能用在非tabBar页面的跳转，要跳转到tabBar页面，需要使用wx.switchTab

靳国栋的博客
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信小程序wx.navigateTo页面不跳转
生如夏花 炫至茶靡
09-01 2万+
今天在做微信小程序的时候，做的商品购买流程。流程是这样的： 商品展示-->商品详情-->下单页面-->下单详情页面-->支付结果页面-->跳转订单详情页面。 但是在支付成功之后，点击按钮跳转，发现怎么也跳转不了到订单详情页面，前后log都能打印出来，证明已经执行了wx.navigateTo方法，但是跳转不成功，而且，坑爹的是也不报错。 翻看微信小程序开发文档，参考链接： https://m
微信小程序常见页面跳转操作简单示例
11-26
5. **跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面**：`wx.switchTab`专门用于跳转到 tabBar 页面，例如，要跳转到首页`/page/shops/homepage`，可以写成： ```javascript pageSkip: function() { wx....
wx.navigateTo/wx.redirectTo 无效
热门推荐
前端向朔
03-01 1万+
在微信小程序开发过程中，如果你出现了在其他地方可以正常跳转，但是此时就是不行，不知道为什么。分析原因：1.你的页面在app.json文件中注册了吗？ 2.你的url地址写对了吗，目录层级没错吗? 3.你要跳转到的页面是非tabBar的页面吗？如果是tabBar页面，恭喜你，找到问题了。 wx.navigateTo/wx.redirectTo只能用在非tabBar页面的跳转，要跳转到tabBar
微信小程序路由跳转
最新发布
Syyynb的博客
05-22 547
通过以上代码，我们实现了一个简单的场景：用户从首页跳转到文章详情页，然后跳转到用户设置页，最后从用户设置页返回到首页。在这个过程中，我们分别使用了。现在，我们来实现一个场景：用户从首页点击文章进入文章详情页，然后从文章详情页跳转到用户设置页，最后从用户设置页返回到首页。这两个导航API来实现不同的跳转效果。
关于wx.navigateTo/wx.redirectTo 无效
程序小渣渣
06-26 368
在微信小程序开发过程中，如果你出现了在其他地方可以正常跳转，但是此时就是不行，不知道为什么。 分析原因： 1.你的页面在app.json文件中注册了吗？ 2.你的url地址写对了吗，目录层级没错吗? 3.你要跳转到的页面是非tabBar的页面吗？如果是tabBar页面，恭喜你，找到问题了。 wx.navigateTo/wx.redirectTo只能用在非tabBar页面的跳转，要跳转到ta...
微信小程序wx.navigateTo 死活跳转不了页面
Effotzjw_小白慢慢踏全栈
04-27 1163
这个坑让我捶胸顿足，明明语法和参数都是对的，为什么页面就是无法跳转？！ 原因：在app.json中我设置了导航栏的跳转路径,也就是将页面作为底部导航栏的页面了，可以使用wx.switchTab来进行跳转。 toList:function(){ wx.switchTab({ url:'../list' }) } ...
微信小程序 wx.navigateTo或者navigator标签 无法跳转
sun_lei_chao的博客
03-22 2455
该属性默认为navigate，即“navigateTo”的跳转方式，改为switchTab，将对应。已经在app.json栏配置过的tab栏地址不可以用普通跳转方法进行路由跳转。这时需要将wx.navigateTo方法改为wx.switchTab方法。仔细检查一下路由，而且一定要先在app.json中声明。保留当前页面，跳转到应用内的某个页面。
微信小程序页面跳转功能之从列表的item项跳转到下一个页面的方法
08-28
3. **wx.switchTab()**：跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面。tabBar 是微信小程序底部固定的导航栏，适用于主页面的切换。例如： ```javascript wx.switchTab({ url: '/index' }) ``` 接着，...
微信小程序 跳转页面的两种方法详解
08-31
在JS（JavaScript）页面中，我们通常使用`wx.navigateTo`、`wx.redirectTo`、`wx.switchTab`等API来控制页面跳转。 - **wx.navigateTo**：这个API用于跳转到非 tabBar 的页面，且新的页面会栈顶展示，原页面会被...
微信小程序 页面跳转和数据传递实例详解
08-31
- `wx.navigateTo` 和 `wx.redirectTo` 不允许直接跳转到 tabBar 页面，必须使用 `wx.switchTab`。 - `redirectTo` 应配合 tabBar 或可跳转按钮，以便用户能够返回。 - `switchTab` 只能跳转到在 `app.json` 的 ...
微信小程序wx.redirectTo方法失效（为app.json内配置tabBar页面原因）
yumengQAQ的博客
05-09 209
解决方法：wx.redircetTo({url:xxx)方法改为wx.switchTab({url:xxx})即可解决。
微信小程序 wx.redirectTo 失效的问题
@凌晨三点半的博客
08-22 3248
今天写登录页面， 逻辑是 登录成功返回状态码是200的情况下调用wx.redirectTo跳转到首页 但是 发现竟然没用。 百思不得其解 经过度娘的提醒才了解到 因为我自定义了TabBar 然后tabbar中也设置了跟我前面要跳转的页面中一样的页面 所以导致了wx.redirect的失效。 那这时候跳转只能使用 wx.switchTab wx.switchTab({ url: "....
wx.navigateTo 跳转页面失败？
u011415782的专栏
03-26 3691
之前的测试代码中，使用 wx.navigateTo 方法就可以进行页面的跳转，但是发现有时是不能用的，通过阅读官方文档 —— 小程序 - 导航 ，注意到最后有一句提示信息： Tip: wx.navigateTo 和 wx.redirectTo 不允许跳转到 tabbar 页面，只能用 wx.switchTab 跳转到 tabbar 页面
微信小程序wx.navigateTo 不跳转原因解决！跟配置了tabBar有关
Qensq的博客
03-24 671
如果app.json 的tabBar配置了 某个地址，那么某个地址就无法被wx.navigateTo 跳转。
关于微信小程序wx.redirectTo无法转跳的问题
JoeShelley的博客
04-12 1015
问题还是没有解决，后面查阅了一下，发现如果目标页面是TabBar页面也会导致wx.redirectTo无法转跳。因此我把导航方式修改为wx.switchTab，果然可以正常的跳转到pages/index/index页面了。在开发微信小程序的时候遇到了登录成功后调用wx.redirectTo接口却无法转跳的问题。我在app.json中将pages/index/index设置为了TabBar页面。
微信小程序关于wx.redirectTo、wx.navigateTo失效问题
淡风wisdon－大大的博客
01-18 7922
遇到问题：关于wx.redirectTo、wx.navigateTo失效问题详情：如果在app.json页面中配置了tabBar,并且要跳转的目标页面也在tabBar的设置当中时，那么在响应页面中设置的url会存在问题（常用的几种页面跳转方式便失效了），就是说不能跳转到tabBar中定义的页面。解决方案：经查询发现，若要跳转至tabBar中的页面，可以使用wx.switchTab方式1 wx.
微信小程序navigatTo失败 navigateTo:fail can not navigateTo a tabbar page
ze1024的博客
01-08 849
navigateTo:fail can not navigateTo a tabbar page 最近在开发微信小程序,其中页面跳转使用的是wx.navigateTo()这个api 但是今天开始时跳转时没有跳转成功 模拟器控制台也没报错 后来用真机调试发现了错误 navigateTo:fail can not navigateTo a tabbar page 这个是因为跳转的页面是底部tabbar里面的页面,所以页面无法跳转 解决方法：使用switchTab代替navigateTo 如下 wx.swit
wx.navigateTo和wx.redirectTo无效
hahaheyliu的博客
07-12 810
当你使用wx.navigateTo和wx.redirectTo进行页面跳转时，出现无法跳转的问题，那么可能是以下问题导致的： 1、在app.json里没有注册要跳转到的页面 2、检查url地址是否正确 3、要跳转的页面是否是tabBar的页面，如果是，则无法跳转。（注意：wx.navigateTo/wx.redirectTo只能用在非tabBar页面的跳转，要跳转到tabBar页面，需要使用
微信小程序 通过wx.redirectTo,实现单页面刷新效果 ＆ 下拉刷新页面数据效果
sunsineq的专栏
04-16 5591
微信小程序 通过wx.redirectTo,实现单页面刷新效果 ＆ 下拉刷新页面数据效果 一: 使用wx.redirectTo(),实现页面刷新数据效果 　　API说明: 　　关闭当前页面，跳转到应用内的某个页面。 　　但是不允许跳转到tabbar页面。 　　在小程序插件中使用时，只能在当前插件的页面中调用 　　实现效果: 　　例如,当点击某个按钮,清空了本地数据缓存,而页面显示效果并没有发生变化, 　　此时可以在按钮执行成功逻辑后,加入以下代码,以实现刷新页面效果. re...
微信小程序页面跳转wx.navigateTo帮我写一份
04-30
微信小程序页面跳转主要使用wx.navigateTo和wx.redirectTo两个API实现，它们的区别在于前者会保留当前页面，而后者会关闭当前页面。下面是wx.navigateTo的使用示例： 首先在需要跳转的页面的JS文件中引入API： ``` // index.js Page({ goToDetail: function() { wx.navigateTo({ url: '/pages/detail/detail?id=1' }) } }) ``` 然后在wxml文件中添加一个按钮或其他触发事件，调用上述方法： ``` <!-- index.wxml --> <button bindtap="goToDetail">跳转到详情页</button> ``` 以上代码会在点击按钮时跳转到详情页，详情页的路径为/pages/detail/detail，同时携带一个名为id的参数，值为1。在详情页的JS文件中，可以通过以下代码获取该参数： ``` // detail.js Page({ onLoad: function(options) { console.log(options.id); // 输出1 } }) ``` 需要注意的是，如果跳转的页面是tabBar页面，则需使用wx.switchTab进行跳转。另外，如果跳转的页面路径是相对路径，则会以当前页面为基准进行跳转。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值