更新记录

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协议
评论列表 撰写评论 向官方投诉

暂无用户评论。

插件问答 我要提问

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

加载更多...