vanFooter.vue

<template>
	<van-tabbar v-model="isActive" route @change="onChange">
		<van-tabbar-item replace to="/member">
			会员
			<!-- <img v-if="index == 0"  alt=""> -->
			<!-- <img v-else src="../../assets/img/apply.png" alt=""> -->
		</van-tabbar-item>
		<van-tabbar-item replace>
			商圈
			<!-- <img v-if="index == 1"  alt=""> -->
			<!-- <img v-else src="../../assets/img/agree.png" alt=""> -->
		</van-tabbar-item>
		<!-- <van-tabbar-item replace to="/property"> -->
		<van-tabbar-item replace>
			物业
			<!-- <img v-if="index == 2" alt=""> -->
			<!-- <img v-else src="../../assets/img/excel.png" alt="">-->
			</van-tabbar-item>
		<!-- <van-tabbar-item replace to="/goon"> -->
			<van-tabbar-item replace>
			出行
			<!-- <img v-if="index == 3"  alt=""> -->
			<!-- <img v-else src="../../assets/img/mine.png" alt=""> -->
			</van-tabbar-item>
			<van-tabbar-item replace to="/mine">
				我的
				<!-- <img v-if="index == 3"  alt=""> -->
				<!-- <img v-else src="../../assets/img/mine.png" alt=""> -->
				</van-tabbar-item>
	</van-tabbar>
</template>

<script>
	export default {
		props: {
			index: {
				type: Number,
				default: 0
			}
		},
		data() {
			return {
				isActive: this.index,
			}
		},
		methods: {
			// tabClick(e) {}
			onChange(index) {
				if (index == 1 || index == 2 || index == 3) {
					this.$toast({
						className: 'toast',
						message: '建设中，敬请期待～'
					})
				}
			}
		}
	}
</script>

<style>
	.van-tabbar img {
		width: 40px;
		height: 40px;
	}
</style>