uniapp 设置 tabbar 的 midButton 按钮

效果展示:

中间的国际化没生效(忽略就行)

示例代码:

然后在 App.vue 中进行监听:

javascript 复制代码
<script>
	export default {
		onLaunch(e) {
			// #ifdef APP
			uni.onTabBarMidButtonTap(()=>{
				console.log("中间按钮点击回调");
			})
			// #endif
		}
	}
</script>

<style lang="scss">
</style>

官方文档参考:pages.json 页面路由 | uni-app官网

相关推荐
研☆香3 分钟前
闭包实战避坑指南
javascript
没落英雄11 分钟前
6. 从零搭建一个 AI Agent —— 构建 Web 前端,让用户能和 agent 实时交互
前端·人工智能·架构
爱勇宝20 分钟前
《道德经》第4章,老子写得很像在描述一个“底层系统”。
前端·后端·程序员
你怎么知道我是队长24 分钟前
JavaScript 的控制语句介绍
开发语言·javascript·ecmascript
snow@li1 小时前
Java:Java 服务器(Web 容器 / Servlet 容器)完整工作清单
java·服务器·前端
用户44014549314192 小时前
Spring Boot 3.x 异步编程实战:从 @Async 到虚拟线程
javascript
洋子2 小时前
Yank Note 系列 14 - 我和 AI 怎么一起写文章
前端·markdown
卓怡学长2 小时前
w263基于springboot + vue 健康饮食管理系统
java·数据库·vue.js·spring boot·spring·intellij-idea
江华森2 小时前
前端构建工具 Webpack 速览
前端·webpack·node.js