900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > 微信小程序如何跳转到tabbar页面-陆大湿

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

时间:2020-06-24 01:09:08

相关推荐

微信小程序如何跳转到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./miniprogram/dev/api/route/wx.switchTab.html

3、特别说明

微信客服:ludashi

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

扫码关注公众号:

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。