vue详情页面隐藏导航栏

做了一个vue的小demo，我的需求是点击进入详情页面需要隐藏导航栏和底部菜单栏。

封面.jpg

使用meta在路由配置以下信息：

routes: [
    //在首页里显示导航
    { path: '/', component: index, meta: { navShow: true}, name: 'index' },
    //在详情页面隐藏导航
    { path: '/detail', component: detail, meta: { navShow: false}, name: 'detail' },
  ],

在导航组件里