javascript技巧

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript技巧 > uniapp  tabbar midButton 按钮

uniapp 如何设置 tabbar 的 midButton 按钮

作者:某公司摸鱼前端

在UniApp开发中,设置TabBar的midButton按钮可以增加用户交互的便利性,本文介绍了在App.vue中监听事件的方法,并提供了官方文档链接作为参考,通过这种方式可以实现TabBar中的特殊按钮功能,提升应用的用户体验

效果展示:

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

 示例代码:

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

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

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

到此这篇关于uniapp 设置 tabbar 的 midButton 按钮的文章就介绍到这了,更多相关uniapp tabbar midButton 按钮内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

您可能感兴趣的文章:
阅读全文