微信小程序如何跳转到tabbar页面-陆大湿

1、跳转问题

记得前几天在改去水印小程序的前端代码发现一个很坑的地方，跳转的页面不一样，用的方式也不一样的，我还排查了很久，最后才发现问题所在，今天记起来就给大家分享一下，避免大家入坑。

问题：如何跳转到tabbar的页面？

解答：首先也回答下什么是tabbar页面。其实tabbar页面很容易区分，在app.json文件中设置tabBar属性，其实就是底部导航的菜单就叫tabBar，而pagePath路径就是tabbar页面，其他页面就是非tabbar的页面。如下：

介绍完tabbar进入正题：跳转tabbar页面，直接在wxml文件中创建一个goNext点击事件，在js中定义一个函数即可。

wxml中：

js中：

这时候我一直点击都没反应，我排查了很久也没发现原因，因为不会报错，后来我才发现

../wechatMas2/pages/index/index属于tabbar页面，而跳转到tabbar页面需要使用switchTab，后来我修改js码：

最后跳转成功了。

2、关于跳转

总结一句话就是：switchTab只能跳转到带有tab的页面，不能跳转到不带tab的页面，跳转不带tab的页面还是用redirectTo或者navigateTo ，故如果post页面没有加入tab选项卡，依然使用redirectTo或者navigateTo。

在微信官方文档中也有详细介绍，不懂得可以去看看。

地址直达：

https://developers.weixin.qq.com/miniprogram/dev/api/route/wx.switchTab.html

3、特别说明

微信客服：ludashi2021

最近如果发现小程序下载不了源码，请点击tabbar中的资源下载，如下图：

扫码关注公众号：

本篇文章来源于微信公众号: 陆大湿

微信小程序如何跳转到tabbar页面-陆大湿相关推荐

微信小程序文章跳转到相应页面实现
微信小程序文章跳转到相应页面实现效果: 1.为文章标题栏添加自定义点击事件,使得点击文章标题可跳转到对应的文章详情页 <view class="row" wx:for=&q ...
微信小程序开发：学习笔记[8]——页面跳转及传参
微信小程序开发:学习笔记[8]--页面跳转及传参页面跳转一个小程序拥有多个页面,我们可以通过wx.navigateTo推入一个新的页面.在首页使用2次wx.navigateTo后,页面层级会有三层 ...
微信小程序不能跳转页面跳转不生效
微信小程序不能跳转页面跳转不生效 ,可能是用法不正确哦 wx.navigateTo(Object object) 保留当前页面,跳转到应用内的某个页面.但是不能跳到 tabbar 页面.使用 wx ...
微信小程序界面跳转（2）——按钮
微信小程序界面跳转(2)--按钮步骤一:创建一个新界面catPage界面: 先在pages文件夹下创建一个新的文件夹:catPage.单击右键,创建page,page名称和文件夹名称一致.最后创建结 ...
微信小程序python_用python一步一步教你玩微信小程序【跳一跳】
12月28日,微信上线了小游戏「跳一跳」,瞬间成了全民游戏,如何牢牢占据排行榜的第一位呢?用Python帮助你,Python真的无所不能. 作为技术出身的我们,是不是想用技术改变排名呢? 注意:本文适 ...
微信小程序实现跳转到另外一个小程序的方法
微信小程序实现跳转到另外一个小程序的方法 1,首先需要在当前小程序app.json中定义:需要跳转的小程序的app-id app.josn "navigateToMiniProgramApp ...
android 代码等待一秒,【报Bug】安卓微信旧版本7.0.2 ，支付完成，等待几秒后，再点击完成回到小程序，跳转不了页面。...
详细问题描述微信旧版本7.0.2 ,支付完成,等待几秒后,再点击完成回到小程序,跳转不了页面. (DCloud产品不会有明显的bug,所以你遇到的问题大都是在特定环境下才能重现的问题,请仔细描述你 ...
微信小程序如何跳转到微信公众号文章，小程序如何关联公众号或订阅号
微信小程序如何跳转到微信公众号文章,小程序如何关联公众号或订阅号前置条件公众号最高管理权限(或能与最高权限管理者配合操作) 小程序开发权限或最高管理权限小程序方面根据官方资料描述,小程序中展示 ...
python玩微信小程序游戏_用python一步一步教你玩微信小程序【跳一跳】
12月28日,微信上线了小游戏「跳一跳」,瞬间成了全民游戏,如何牢牢占据排行榜的第一位呢?用Python帮助你,Python真的无所不能. 作为技术出身的我们,是不是想用技术改变排名呢? 注意:本文适 ...
python玩微信小程序游戏_016 用python一步一步教你玩微信小程序【跳一跳】
12月28日,微信上线了小游戏「跳一跳」,瞬间成了全民游戏,如何牢牢占据排行榜的第一位呢?用Python帮助你,Python真的无所不能. 作为技术出身的我们,是不是想用技术改变排名呢? 注意:本文适 ...

微信小程序如何跳转到tabbar页面-陆大湿

微信小程序如何跳转到tabbar页面-陆大湿相关推荐

最新文章

热门文章