uni-app开发中tab菜单是非常重要的菜单，关于tab菜单的操作也因项目需求不同而不同。

那么在开发中如果需要对tab菜单点击进行监听要如何实现呢？本篇文章就来介绍在uni-app中如何对tab菜单的点击进行监听。

这里的监听动作就需要用onTabItemTap属性，该属性提供了对于tab菜单的点击监听动作。每次点击都会返回当前点击菜单的下标、路径、菜单名。

onTabItemTap平台兼容：

微信小程序、QQ小程序、支付宝小程序、百度小程序、H5、App、快手小程序、京东小程序

onTabItemTap使用操作流程：

<template>
</template>
<script>
	export default {
		data() {
			return {}
		},
		onLoad() {},
		onTabItemTap(e){
			console.log("菜单切换",e)
			//打印结果
			//"菜单切换",{index: 1, pagePath: "pages/type/index", text: "菜单名称"}
		},
		onShow(e) {},
		mounted() {},
		methods: {}
	}
</script>
<style ></style>

注：onTabItemTap需放置在你需要监听的tab页面中，且只有tab页面才会生效。

onTabItemTap中参数说明：

    index：被点击tabItem的序号，从0开始

    pagePath：被点击tabItem的页面路径

    text：被点击tabItem的按钮文字

onTabItemTap平台差异性：

    onTabItemTap常用于点击当前tabitem，滚动或刷新当前页面。如果是点击不同的tabitem，一定会触发页面切换。

    如果想在App端实现点击某个tabitem不跳转页面，不能使用onTabItemTap，可以使用plus.nativeObj.view放一个区块盖住原先的tabitem，并拦截点击事件。

    支付宝小程序平台onTabItemTap表现为点击非当前tabitem后触发，因此不能用于实现点击返回顶部这种操作