vue+Element 后台管理骨架
Posted treectj
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue+Element 后台管理骨架相关的知识,希望对你有一定的参考价值。
1、使用的是vue-cli 3.0起的
2、文件目录结构
3、整体的骨架是根据element 文档里头的Container容器布局来的(复制粘贴,喜欢什么色儿就改)
aside这个 部分需要注意的是这边的变化是根据路由的增加而增加。根据路由里面meta属性(路由部分)这里需要注意的是每一个顶级路由引入的都是layout.vue这个布局 在 container 里面写内容需要写一个router-view接受(下面再说)
这个地方圈错了 ,到时候打印一下就知道了。很简单的
圈起来的 的就是书写内容的地方(上面的说的加 router-view)
header部分加了element的面包屑也是根据路由中的meta来的 上面 有地方圈错了
大概的骨架就搭好了
以上是关于vue+Element 后台管理骨架的主要内容,如果未能解决你的问题,请参考以下文章
一文带你理解vue创建一个后台管理系统流程(Vue+Element)
一文带你理解vue创建一个后台管理系统流程(Vue+Element)