vue-element-template前端自定义路由权限动态刷新侧边栏

vue-element-template自定义路由权限动态刷新侧边栏

1.情况说明:

本教程是在vue-element-template基础上,参考vue-element-admin进行编写说明。
官网:https://panjiachen.github.io/vue-element-admin-site/zh/

2.操作步骤:

(一)从vue-element-admin的src/store/modules目录下把permission.js文件拷贝至
vue-element-template的src/store/modules目录下
可根据项目实际情况进行修改如(这里我没有改动):
在这里插入图片描述
(二)修改vue-element-template的src/store/modules目录下的user.js文件
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
(三)修改vue-element-template的src/store目录下的getters.js文件
在这里插入图片描述
(四)修改vue-element-template的src/store目录下的index.js文件
在这里插入图片描述
(五)修改vue-element-template的src/layout/components/Sidebar目录下的index.vue
在这里插入图片描述
(六)修改vue-element-template的src/目录的permission.js文件在这里插入图片描述
(七)修改vue-element-template的src/router目录的index.vue

在这里插入图片描述
(八)views目录下新建system目录,目录内新建index.vue
随便写点东西

3.测试

admin editor
在这里插入图片描述
在这里插入图片描述

对接后台看这里

对接后台看这里

评论 18
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值