vue中实现某一些路由页面隐藏导航栏的功能
为了将导航栏显示在每一个页面中,可以将导航栏与<router-view>放在同一级显示,如下:<header>...</header><router-view></router-view>但是,在某些时候,我们需要隐藏导航栏显示,比如登录界面,为了实现导航栏的隐藏,可以使用如下代码:<header v-...
·
为了将导航栏显示在每一个页面中,可以将导航栏与<router-view>放在同一级显示,如下:
<header>
...
</header>
<router-view></router-view>
但是,在某些时候,我们需要隐藏导航栏显示,比如登录界面,为了实现导航栏的隐藏,可以使用如下代码:
<header v-show="$route.name!=='login'">
...
</header>
<router-view></router-view>
这样就可以实现隐藏导航栏。
更多推荐
已为社区贡献22条内容
所有评论(0)