router-view 全屏显示

来源：5-3 vue-router（什么是前端路由）

which

2018-03-16

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

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

写回答

4回答

which

提问者

2018-03-16

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

fishenal

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

2018-03-16

共1条回复

which

提问者

2018-03-16

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

fishenal

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

2018-03-16

共2条回复

which

提问者

2018-03-16

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

which

fishenal

您的例子用的还是同一个框架结构，detail.vue不要顶部“app-head”，才是我想要的效果。，

2018-03-16

共4条回复

fishenal

2018-03-16

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

which

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

2018-03-16

共1条回复

最容易上手的Vue2.0入门实战教程

快速入门Vue2.0，组件化开发一个数字产品电商平台

3966 学习 · 999 问题

查看课程

相似问题

router-view 设置以后页面空白的没有输出怎么解决

回答 1

我的router-link怎么只显示一个啊

回答 2

组件与router-view通信问题！！！！！！！！！！！！！！！！！！！老师！！！

回答 2

<router-view>和<router-link>标签只能在根组件里写吗？

回答 1

我自己在写的时候发现router-link 的使用前提必须是有router-view，单独的router-link好像不行，只能实现路径的变化，这是为啥呀？

回答 1

打开慕课网App查看更多内容