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

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

你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。

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前端自定义路由权限动态刷新侧边栏
(二)修改vue-element-template的src/store/modules目录下的user.js文件
vue-element-template前端自定义路由权限动态刷新侧边栏
vue-element-template前端自定义路由权限动态刷新侧边栏
vue-element-template前端自定义路由权限动态刷新侧边栏
(三)修改vue-element-template的src/store目录下的getters.js文件
vue-element-template前端自定义路由权限动态刷新侧边栏
(四)修改vue-element-template的src/store目录下的index.js文件
vue-element-template前端自定义路由权限动态刷新侧边栏
(五)修改vue-element-template的src/layout/components/Sidebar目录下的index.vue
vue-element-template前端自定义路由权限动态刷新侧边栏
(六)修改vue-element-template的src/目录的permission.js文件vue-element-template前端自定义路由权限动态刷新侧边栏
(七)修改vue-element-template的src/router目录的index.vue

vue-element-template前端自定义路由权限动态刷新侧边栏
(八)views目录下新建system目录,目录内新建index.vue
随便写点东西

3.测试

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

对接后台看这里

对接后台看这里