vue隐藏底部导航栏

可以用v-show，在路由中加上meta中的信息istrun，为真时显示，为假时不显示

   <div id="footer" v-show="$route.meta.istrun">  
     <router-link to="/">首页</router-link>|
     <router-link to='/menu'>菜单</router-link>|
     <router-link to='/serve'>服务</router-link>|  
     <router-link to='/my'>我的</router-link>
   </div>

const routes = [
  {
    path: '/',
    name: 'Home',
    component: Home,
    meta:{
      istrun:true
    },
  },
  {
    path: '/menu',
    name: 'About',
    meta:{
      istrun:true
    },
    component: function () {
      return import(/* webpackChunkName: "about" */ '../views/About.vue')
    }
  },
  {
    path: '/serve',
    name: 'Home',
    component: ()=>import('../views/Home.vue'),
    meta:{
      istrun:true
    },
  },
  {
    path: '/my',
    name: 'Home',
    component: ()=>import('../views/my.vue'),
    meta:{
      istrun:true
    },
  },
  {
    path:"/login",
    name:"login",
    component:()=>import('../views/login.vue')
  }
]