更新记录

1.0(2021-08-04)

首次发布


平台兼容性

Vue2 Vue3
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.1.0 app-vue app-nvue
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari

关于tabBar中间按钮无法使用switchTab页面的解决方法

注意哈,这是一个模板示例,而非一个插件

Project setup

下载文件使用HBuilder X导入项目然后运行即可;
如果是cli模式,把解压数据放到src目录即可,确保你的src,目录是空的,否则会把你项目覆盖啊

需求原因

官网文档说明了midButton没有pagePath页面,需监听点击事件,自行处理点击后的行为逻辑。监听点击事件为调用API:uni.onTabBarMidButtonTa

但是我的需要是中间按钮点开是一个页面啊,而不是一个点击事件,网上有很多解决方案还有插件,但那都是自定义html,无法保留原生switchTab第一次加载保存到内存这个优良传统。

怎么办呢?下载插件看代码吧,主要是 pages.json 这个文件,然后是pages目录下每个index.vue 的 onLoad 方法都加载了 uni.hideTabBar(); 和调用的自定义组件 footer-menu

然后自定义组件通过跳转 uni.switchTab 而非 uni.navigateTo 等方法

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

暂无用户评论。

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问