jp-floorlock-manage/components/Tabbar.vue

<template>
	<view>
		<u-tabbar v-model="myCurrent" :list="tabbarList" :before-switch="beforeSwitch" inactive-color="#ADB8C2" active-color="#5098FF">
		</u-tabbar>

	</view>
</template>

<script>
	var img1=require('@/assets/img/tabbarImg/item1a.svg')
	var img2=require('@/assets/img/tabbarImg/item1b.svg')
	var img3=require('@/assets/img/tabbarImg/item2a.svg') 
	var img4=require('@/assets/img/tabbarImg/item2b.svg')
	var img5=require('@/assets/img/tabbarImg/item3a.svg')
	var img6=require('@/assets/img/tabbarImg/item3b.svg')
	var img7=require('@/assets/img/tabbarImg/item4a.svg')
	var img8=require('@/assets/img/tabbarImg/item4b.svg')
	
	
	export default {
		name: "Tabbar",
		props: {
			current: 0,
			elderStatus: false
		},
		data() {
			return {
				oldindex: this.current,
				myCurrent: this.current,
				tabbarList: [{

						iconPath: img2,
						selectedIconPath: img1,
						text: '主页 ',
						pagePath2: "/pages/index/index",
					},
					 {
					 	iconPath: img4,
					 	selectedIconPath: img3,
					 	text: '设备',
					 	pagePath2: "/pages/deviceTab/index",
					 	
					 },
					{
						iconPath: img6,
						selectedIconPath: img5,
						text: '用户',
						pagePath2: "/pages/userTab/index",
						
					},
					
					{
						iconPath: img8,
						selectedIconPath: img7,

						text: '我的',
						pagePath2: "/pages/myTab/index",
					}
				],
			};

		},
		methods: {
			setcount(c) {
				this.myCurrent = c
			},
			beforeSwitch(index) {


				if (index == this.current) {
					return false
				}
				var url = this.tabbarList[index].pagePath2;

				uni.navigateTo({
					url: url
				})
				if (index == 1) {
					this.myCurrent = this.oldindex;
					return false;
				} else {
					return true;
				}

			},

		},
		mounted() {

		},
		destroyed() {

		}


	}
</script>

<style>

</style>