vue----页面跳转隐藏tabbar

在路由配置页面

import Vue from 'vue'
import VueRouter from 'vue-router'
import {
	Home,
	List,
	Order,
	My,
	goodsDetail
} from '../views/index.js'

Vue.use(VueRouter)

const routes = [
	
  {
    path: '/',
    name: 'home',
    component: Home,
	meta:{
		showTab:true
	}
  },
  {
    path: '/list',
    name: 'list',
    component: List,
	meta:{
		showTab:true
	}
  },
  {
    path: '/order',
    name: 'order',
    component: Order,
	meta:{
		showTab:true
	}
  },
  {
    path: '/profile',
    name: 'my',
    component: My,
	meta:{
		showTab:true
	}
  },
  {
    path: '/goodsdetail',
    name: 'goodsdetail',
    component: goodsDetail
  }
]

const router = new VueRouter({
  routes
})

export default router

在app.vue页面这样判断显示

<Tabbar v-if='$route.meta.showTab'></Tabbar>