Vue 单页面应用 把公共组件放在 app.vue 但是我希望某个页面没有这些公共组件怎么办???(比如登陆页面)

 

 <div  class="all"  v-if="$route.path!=='/login'" >

Vue 单页面应用 把公共组件放在 app.vue 但是我希望某个页面没有这些公共组件怎么办(比如登陆页面)
我做后台管理的项目 每个页面都有 导航栏 但是我希望 登陆页面只有一个背景色和一个登陆框 没有导航栏 那应该怎样设置呢???求教

• 关注 | 9
• 收藏
•  评论
• 邀请回答
• 编辑
• Translate
•  

加班狗  79

2018-01-23 提问

默认排序时间排序

6 个回答

答案对人有帮助，有参考价值0答案没帮助，是错误的答案，答非所问

v-show or v-if

•  评论
• 赞赏
• 编辑

sillyY  67

2018-01-23 回答

答案对人有帮助，有参考价值0答案没帮助，是错误的答案，答非所问

用vue-router，你看一下文档就应该知道了

•  评论
• 赞赏
• Translate
• 编辑

Owl_tang  62

2018-01-23 回答

答案对人有帮助，有参考价值0答案没帮助，是错误的答案，答非所问

在登录页面用v-if把导航栏隐藏掉

•  评论
• 赞赏
• Translate
• 编辑

半夏  124

2018-01-23 回答

答案对人有帮助，有参考价值0答案没帮助，是错误的答案，答非所问

可以在vue-router的配置项meta中自定义

•  评论
• 赞赏
• Translate
• 编辑

木纸鸢  74

2018-01-23 回答

答案对人有帮助，有参考价值0答案没帮助，是错误的答案，答非所问

我直接把登录页拿出来放到个html里，省了好多事。。。

•  评论
• 赞赏
• Translate
• 编辑

SPACE  102

2018-01-23 回答

答案对人有帮助，有参考价值0答案没帮助，是错误的答案，答非所问

我遇到过这个问题，根组件什么组件都不放，只根据路由加载独立的二级组件 <div  class="all"  v-if="$route.path!=='/login'" >

Root->(/login)->Login
    ->(/)->Home-> ...
            -> ...
    ->(/...)->Other