码迷,mamicode.com
首页 > 其他好文 > 详细

vue+Element 后台管理骨架

时间:2019-07-16 20:07:25      阅读:135      评论:0      收藏:0      [点我收藏+]

标签:简单   结构   element   注意   文档   src   ade   head   地方   

1、使用的是vue-cli 3.0起的

2、文件目录结构

技术图片

3、整体的骨架是根据element 文档里头的Container容器布局来的(复制粘贴,喜欢什么色儿就改)

技术图片

aside这个 部分需要注意的是这边的变化是根据路由的增加而增加。根据路由里面meta属性(路由部分)这里需要注意的是每一个顶级路由引入的都是layout.vue这个布局  在 container 里面写内容需要写一个router-view接受(下面再说)
技术图片

技术图片

这个地方圈错了  ,到时候打印一下就知道了。很简单的

技术图片

圈起来的 的就是书写内容的地方(上面的说的加 router-view)

技术图片

header部分加了element的面包屑也是根据路由中的meta来的  上面 有地方圈错了

 大概的骨架就搭好了

技术图片

 

 

vue+Element 后台管理骨架

标签:简单   结构   element   注意   文档   src   ade   head   地方   

原文地址:https://www.cnblogs.com/TreeCTJ/p/11197130.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!