admi后台 vue_vue-ele-admin后台管理系统框架__布局

layout

整个项目后台的布局包括侧边栏siderbar、头部面包屑breadcrumb和多窗口tabs-view、内容app-main。

项目中大部分的页面都是在layout这里，除此知道就是login页面。如果项目需要多个layout组件，只需要修改路由即可{ path: '/login', component: resolve => require(['@/views/login'], resolve), hidden: true },

{

path: '',

component: Layout, // 你可以选择不同的layout组件

redirect: 'create',

//这里开始对应的路由都会显示在app-main中 如上图所示

children: [{

path: 'create',

component: resolve => require(['@/views/form/create'], resolve),

name: 'create',

meta: { title: '文章发布', icon: 'article', noCache: true }

}]

},

app-main

这里app-main被keep-alive嵌套起来，主要是为了配合tags-view组件实现缓存操作的功能。