美文网首页
vue详情页面隐藏导航栏

vue详情页面隐藏导航栏

作者: 毕竟1米八 | 来源:发表于2018-01-14 16:32 被阅读232次

做了一个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>

相关文章

网友评论

      本文标题:vue详情页面隐藏导航栏

      本文链接:https://www.haomeiwen.com/subject/rqnkoxtx.html