tourism/uni_applet/pageA/my/my.vue

<template>
	<view>
		<u-tabbar
			:value="tabbarCheck"
			@change="tabbarChange"
			activeColor="#5F7DE9"
		>
			<u-tabbar-item name="team" text="加入">
				<image
					class="u-page__item__slot-icon"
					slot="active-icon"
					src="@/static/image/nav-icon/antOutline-team Copy.png"
				></image>
				<image
					class="u-page__item__slot-icon"
					slot="inactive-icon"
					src="@/static/image/nav-icon/antOutline-team.png"
				></image>
			</u-tabbar-item>
			<u-tabbar-item name="notification" text="通知">
				<image
					class="u-page__item__slot-icon"
					slot="active-icon"
					src="@/static/image/nav-icon/md-notifications_none Copy.png"
				></image>
				<image
					class="u-page__item__slot-icon"
					slot="inactive-icon"
					src="@/static/image/nav-icon/md-notifications_none.png"
				></image>
			</u-tabbar-item>
			<u-tabbar-item name="user" text="我的">
				<image
					class="u-page__item__slot-icon"
					slot="active-icon"
					src="@/static/image/nav-icon/antOutline-user1 Copy.png"
				></image>
				<image
					class="u-page__item__slot-icon"
					slot="inactive-icon"
					src="@/static/image/nav-icon/antOutline-user1.png"
				></image>
			</u-tabbar-item>
		</u-tabbar>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				tabbarCheck:'user',
			}
		},
		methods: {
			tabbarChange(e){
				console.log(e)
				if(e=='team'){
					uni.navigateTo({
						url:'/pageA/notice/index'
					})
				}else if(e=='user'){
					uni.navigateTo({
						url:'/pageA/my/my'
					})
				}
				// name => tabbarCheck = name
			},
		}
	}
</script>

<style>

</style>