使⽤vue-admin-template进⾏⼆次开发(vue-element-admin)。。。⼀、安装vue-element-admin
官⽅⽂档:
1、流程
因为官⽅建议使⽤ 简化版的vue-admin-template进⾏开发,所以需要克隆再克隆⼀个vue-element-admin可⽤来按需复制组件进⾏开发1.1、克隆安装vue-element-admin
vue element admin1. 到⾃⼰要放置的⽂件夹,右键点击 Git base here
2. 执⾏指令:git clone github/PanJiaChen/vue-element-admin.git
1.2、克隆安装vue-admin-template
1. 到⾃⼰要放置的⽂件夹,右键点击 Git base here
2.
3. 打开cmd,定位到vue-admin-template⽂件夹⾥
4.
2、遇到的问题
运⾏npm run dev报错
不到这个模块:
⽅法l:将 node_modules⽂件夹删除,重新执⾏⼆、2次开发vue-admin-template 1、修改侧边栏
侧边栏是通过路由表动态⽣成
通过修改 路由表router--> index.js
{
path:'/',
component: Layout,
redirect:'/dashboard',
children:[{
path:'dashboard',
name:'Dashboard',
component:()=>import('@/views/dashboard/index'),      meta:{ title:'后台管理系统', icon:'dashboard'}
}]
2、添加Affix 固钉
可以参看这篇博客进⾏配置:
如何使⽤呢:
打开 src / router /index.js
在需要固定 固定的地⽅加上 :affix: true
在可以×掉的路由加上:noCache: true

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。