uni-app小程序应用点击底部导航栏tabBar事件

2022-08-23

uni-app小程序点击底部tabBar事件名是onTabItemTap，写法如下：

<script>
    export default {
        onTabItemTap(e) {
            console.log(e)
        },
        onLoad(option) {
        },
        methods: {

        }
    }
</script>

切记：onTabItemTap是在根域下，而不是在methods下，否则不生效！

有一种常见需求，部分导航页面需要用户登录后才能访问，如此需要判断登录状态，然而经笔者测试，导航页首次展示时目测onTabItemTap不生效，还是改用onShow比较合适。

		onShow() {
			uni.navigateTo({
				url: '/pages/login/login'
			})
		}

依据实际情况选择方案。

（版权归cpury.com所有，转载请注明出处。）

WEB开发