大佬们，有没有 vue 后台系统的教程，前端快把我搞的快疯了

[kaikai5601]

下载需要一个后台系统，看了下 vue 比 react 稍微好上手点，所以就选 vue 了 准备用 element 作为 UI 框架 ，我想要的效果是 header 和 lift 还有右侧的内容都一致，后面我只需要在内容 main 里面添加内容就可以了。

第一张图为 http://localhost:8080/#/home 首页是正常的

第二张我弄个报表中心 http://localhost:8080/#/reportcenter，怎么就成这样了，按道理表格是在右边啊，怎么跑到上面去了，我在 NavHome.vue 里面加了 el-main 也可以，但是我有页面跳转的 以后求大佬们帮助啊

结构如下 Home 如下

[shintendo]

@kaikai5601
建议用这种结构：
一个顶层页面 Index.vue 作为框架，包含<header>,<navleft>,<router-view>
二级页面 ReportCenter.vue 只写右边内容区里的东西
路由大概这样：
{
path: '/',
component: Index.vue,
children: [
{path:'reportcenter', component:ReportCenter.vue}
]
}

[kaikai5601]

@shintendo 大佬方便加个 qq 或者微信么 微信 a19zaG9wcGluZw== 我实在蒙蔽了

[sucai]

感觉你这个 home 文件里面应该有 top 组件，leftMenu 组件，还有右边的 router-view，但是我只看到了 head 和 leftNav，你的 router-view 呢