router-view 全屏显示

Question

背景：main.js 引用App.vue,App.vue里面有一个两栏一列的结构（header，aside，main），中间main是一个router-view，点击左边的aside切换路由和页面main内容。

问题：发现缺少一个login页面，写路由的/login ，如果去掉header、aside结构

Answer 1

提问者 which 2018-03-16 17:26:15

除login不需要，全站都需要header， aside要改很多页面的，而且aside是导航，切换了就没有状态了。有没其他方法？

• fishenal #1

  所以aside下面最好做成子路由、类似实战里的detail页面，你的aside header到底写在哪，app.vue吗，如果这是根结点，所有的路有页面都要渲染这个，没办法，除非该这个结构才能满足你的需求啊
  

Answer 2

提问者 which 2018-03-16 16:51:17

表达的可能不清晰，请原谅。就是你的这个例子里面要新建一个不要头部和底部的页面，怎么弄？

• fishenal #1

  改App.vue， 把不需要的地方去掉，在需要的地方以组件的形式引入

• fishenal #2

  app.vue里去掉header， aside， 不用的页面就不用，用到的页面，引入header，asider

Answer 3

提问者 which 2018-03-16 16:19:10

有没相关的例子，初学，不懂怎么在main切换子路由，谢谢、

• fishenal #1

  https://github.com/fishenal/vuejs-demo-project/blob/master/src/pages/detail.vue

• fishenal #2

  这个详情页面就是 子路由，在路由里再写一个router-view就是子路由，配置里这么写

• fishenal #3

  路由配置：https://github.com/fishenal/vuejs-demo-project/blob/master/src/router/index.js

点开查看后面1条评论

Answer 4

fishenal 2018-03-16 16:15:30

把main的切换当做子路由，login对应一个完整的组件， 其他页面对应一个带layout的组件，layout包含header， aside

• 提问者 which #1

  老师 有没相关的例子，初学，不懂怎么在main切换子路由，谢谢、