Vue轻量级后台管理系统基础模板
丙烯酸羟乙酯功能
登录页
⼀周七天⾃动切换不同的壁纸（建议⾃⼰配置）
点击标签切换页⾯
刷新当前标签页
关闭其他标签/关闭所有标签
注意：组件的名称和路由的名称⼀定要⼀致，例如Home.vue组件名称name: home，则在路由⽂件中也要给它设置为name: home，否则页⾯内容不能缓存
// 在router⽂件中
{
path: 'home',
name: 'home',
component: () => import('../views/Home.vue')
}
// 在Home.vue中
export default {模糊综合评价法
name: 'home'
}
侧边栏
伸展/收缩
抗体效价
页⾯宽度过⼩⾃动收缩
多级菜单（利⽤iView组件）
⽤户相关
消息通知
⽤户头像
基本资料
动态菜单栏
根据数据动态⽣成菜单
在菜单项上添加 hidden 属性可以隐藏该菜单项，但还是可以正常访问页⾯，具体请看 DEMO 及其相关代码 ⾯包屑
展⽰当前页⾯的路径
权限控制
如果在未登陆的情况下访问指定页⾯将会重定向到登陆页
具体配置⽅法请点击上⾯的链接，如果不需要 eslint，请将相关依赖卸载以及根⽬录下的.eslintrc.js删除。 如果不需要，请卸载相关依赖及删除根⽬录下的tests⽬录
页⾯标题document.title公称直径
在src/utils/index下可设置默认的title，在每个路由配置项上可设置对应的title，具体⽰例请看代码
其它
利⽤axios实现了ajax请求前展⽰loading请求结束关闭loading 注意
源码可见并且添加了必要的注释可以⾃⾏更改
Index组件⼀般情况下只需要传数据就⾏其他不⽤关注
票贩子电话市⾯上有⼤量的vue后台管理系统模板但是功能都太丰富了⽽且有很多组件⽤不上所以写了这么⼀个最基础的只有必要功能的模板UI库使⽤的是iView有⼤量的组件可⽤
使⽤
下载
git clone github/woai3c/vue-admin-template.git
cd vue-admin-template
npm i
开发
npm run serve
打包
npm run build
打包后的⽂件不能放在服务器根⽬录，否则会出现空⽩页⾯。
如果确实要把⽂件放在服务器根⽬录则需要更改打包的路径，打开fig.js⽂件，将如下代码删去即可。
publicPath: './',
如果对你有帮助，请给个Star
豫公网安备41160202000603
站长QQ:729038198
关于我们
投诉建议