记得前几天在改去水印小程序的前端代码发现一个很坑的地方,跳转的页面不一样,用的方式也不一样的,我还排查了很久,最后才发现问题所在,今天记起来就给大家分享一下,避免大家入坑。
问题:如何跳转到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码:
最后跳转成功了。
总结一句话就是:switchTab只能跳转到带有tab的页面,不能跳转到不带tab的页面,跳转不带tab的页面还是用redirectTo或者navigateTo ,故如果post页面没有加入tab选项卡,依然使用redirectTo或者navigateTo。
在微信官方文档中也有详细介绍,不懂得可以去看看。
地址直达:
https://developers.weixin.qq.com/miniprogram/dev/api/route/wx.switchTab.html
微信客服:ludashi2021
最近如果发现小程序下载不了源码,请点击tabbar中的资源下载,如下图:
本篇文章来源于微信公众号: 陆大湿
© 版权声明
常见问题FAQ
- 免费下载或者VIP会员专享资源能否直接商用?
- 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
- 提示下载完但解压或打开不了?
- 找不到素材资源介绍文章里的示例图片?
- 陆大湿源码解压密码