框架

src/App.vue

@@ -1,6 +1,6 @@
 <template>
 	<router-view></router-view>
-	<van-tabbar v-model="active" route >
+	<van-tabbar v-model="active" route  v-show="showStatus" >
         <van-tabbar-item replace to="/toBeDone" name="toBeDone" icon="notes-o">我的待办</van-tabbar-item>
         <van-tabbar-item replace to="/siteMan" name="siteMan" icon="shop-o">场所管理</van-tabbar-item>
         <van-tabbar-item replace to="/activityMan" name="activityMan" icon="newspaper-o">活动管理</van-tabbar-item>
@@ -15,6 +15,22 @@ export default{
 		const store=useStore();
 		console.log(store.state.user);
 	},
+	created(){
+		this.getTabBarStatus();
+	},
+	data(){
+		return {
+			active:'home',
+			showStatus:true,
+		}		
+	},
+	methods:{
+		getTabBarStatus(){
+			console.log("刚开始："+this.$route+"刚开始："+this.$route.meta.isShowTarbar);
+			this.showStatus=this.$route.meta.isShowTarBar;
+		},
+	}
+
 };
 </script>
 

src/router/index.js

@@ -1,44 +1,70 @@
 import { createRouter, createWebHashHistory } from 'vue-router'
-import HomeView from '../views/HomeView.vue'
 
 const routes = [
   {
     path: '/',
     name: 'home',
-    component: () => import('../views/login/login.vue')
+    component: () => import('../views/login/login.vue'),
+    meta:{
+      isShowTarbar:false,
+    }
   },{
     path: '/login',
     name: 'login',
-    component: () => import('../views/login/login.vue')
+    component: () => import('../views/login/login.vue'),
+    meta:{
+      isShowTarbar:false,
+    }
   },{
     path: '/forget',
     name: 'forget',
-    component: () => import('../views/login/forget.vue')
+    component: () => import('../views/login/forget.vue'),
+    meta:{
+      isShowTarbar:false,
+    }
   },{
     path: '/tab_a',
     name: 'tab_a',
-    component: () => import('../views/tab_a/tab_a.vue')
+    component: () => import('../views/tab_a/tab_a.vue'),
+    meta:{
+      isShowTarbar:true,
+    }
   },{
     path: '/toBeDone',
     name: 'toBeDone',
-    component: () => import('../views/toBeDone/toBeDone.vue')
+    component: () => import('../views/toBeDone/toBeDone.vue'),
+    meta:{
+      isShowTarbar:true,
+    }
   },{
     path: '/siteMan',
     name: 'siteMan',
-    component: () => import('../views/siteMan/siteMan.vue')
+    component: () => import('../views/siteMan/siteMan.vue'),
+    meta:{
+      isShowTarbar:true,
+    }
   },{
     path: '/activityMan',
     name: 'activityMan',
-    component: () => import('../views/activityMan/activityMan.vue')
+    component: () => import('../views/activityMan/activityMan.vue'),
+    meta:{
+      isShowTarbar:true,
+    }
   },{
     path: '/setting',
     name: 'setting',
-    component: () => import('../views/setting/setting.vue')
+    component: () => import('../views/setting/setting.vue'),
+    meta:{
+      isShowTarbar:true,
+    }
   },
   {
     path: '/about',
     name: 'about',
-    component: () => import('../views/AboutView.vue')
+    component: () => import('../views/AboutView.vue'),
+    meta:{
+      isShowTarbar:false,
+    }
   }
 ]