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官网

相关推荐
这可不简单1 分钟前
前端性能优化:从浏览器渲染原理到实战(告别 “知其然不知其所以然”)
前端·css·面试
前端开发爱好者7 分钟前
尤雨溪宣布:Vite 纪录片震撼发布!
前端·javascript·vue.js
北城以北888817 分钟前
ES6(二)
前端·javascript·es6
科兴第一吴彦祖17 分钟前
基于Spring Boot + Vue 3的乡村振兴综合服务平台
java·vue.js·人工智能·spring boot·推荐算法
朕的剑还未配妥31 分钟前
移动端触摸事件与鼠标事件的触发机制详解
前端
墨鱼鱼35 分钟前
【征文计划】Rokid JSAR 实践指南:打造沉浸式 "声动空间盒" 交互体验
前端
渣哥35 分钟前
多环境配置利器:@Profile 在 Spring 项目中的实战价值
javascript·后端·面试
携欢38 分钟前
Portswigger靶场之Exploiting a mass assignment vulnerability通关秘籍
前端·安全
什么芋泥香蕉3301 小时前
比 Manus 还好用?这款国产 AI,让 Python 小白也能玩转编程
前端·后端
为java加瓦1 小时前
前端学AI:如何写好提示词(prompt)
前端·人工智能·prompt