最近做的一个项目中,除了登录页面,其他页面都要显示导航栏,那么要如何实现在登录页面隐藏导航栏呢
【v-show] 实现隐藏某些页面
-
项目描述,除了登陆页面,其余页面都是要显示导航栏的,所以入口component直接使用【router-view】无条件的显示此component中涉及的所有组件,用【router-link】来进行一一区分没有必要,所以可以直接在导航栏部分的代码添加【v-show】条件来控制哪些组件中需要显示导航栏。
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/5ee412529a6f6ea1a34cf30a80caa70f.png)
-
具体实现
routes[
{
path:"/login", name:"登陆", component: page1