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

相关推荐
zzzzzz3101 小时前
别急着把动效组件搬进页面:从 react-bits 看 React 动效库该怎么评估
前端·react.js·开源
李姆斯8 小时前
为啥Agent在coding表现这么好,但是在别的领域就是差的不少?
前端·agent·ai编程
鱼与宇11 小时前
前端Web(html+css+js+vue3)
前端
孙克旭_11 小时前
Docker 镜像构建|Vue+SpringBoot+Go 多语言项目 Dockerfile 案例
linux·运维·vue.js·spring boot·docker·dockerfile
FinelyYang12 小时前
UniApp + LiveKit:Android 端为什么要用原生做屏幕共享,以及我们怎么落地的
android·uni-app
雪芽蓝域zzs12 小时前
(六)打包优化 + Nginx 部署完整配置 + 项目收尾
前端·vue.js
研☆香12 小时前
聊一聊前端的常见字 关键字
开发语言·前端·javascript
东风破_13 小时前
JWT 1:从一个登录请求开始,理解 React 项目里的 API 层与 Mock
前端·后端
东风破_13 小时前
JWT 3:为什么 Token 要放进 Authorization?Axios 拦截器到底解决了什么?
前端·后端
东风破_13 小时前
JWT 5:路由守卫是什么?把整个 JWT 登录鉴权流程串起来
前端·后端