vue详情页面隐藏导航栏

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

封面.jpg

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

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

在导航组件里

<v-nar v-show="$route.meta.navShow"></v-nar>
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容