Vue中实现某一些路由页面隐藏导航栏的功能

为了将导航栏显示在每一个页面中，可以将导航栏与放在同一级显示，如下：

<header>
    ...
</header>
<router-view></router-view>

但是，在某些时候，我们需要隐藏导航栏显示，比如登录界面，为了实现导航栏的隐藏，可以使用如下代码：

<header v-show="$route.name!=='login'">
    ...
</header>
<router-view></router-view>

这样就可以实现隐藏导航栏。

原文:https://blog.csdn.net/mianyao1004/article/details/90812120