vue-element-admin-master后端动态获取路由的改进
2018-01-25 10:35
1221 查看
原项目是根据固定角色,判断已经固化的VUE路由文件中的数组生成菜单
改进后,根据后端axios返回的数组动态生成菜单,前端不再判断菜单权限
VUE原始项目https://github.com/PanJiaChen/vue-element-admin
路由动态生成和获取参考项目https://github.com/m3shine/vue-admin
src/permission.js
将GenerateRoutes修改
改进后,根据后端axios返回的数组动态生成菜单,前端不再判断菜单权限
VUE原始项目https://github.com/PanJiaChen/vue-element-admin
路由动态生成和获取参考项目https://github.com/m3shine/vue-admin
src/permission.js
将GenerateRoutes修改
//API获取菜单 API_getMenus(userGroupTypeId).then(response => { let accessedRouters = response.data //第一层未做递归 accessedRouters.map(function (item) { item.component = lazyComponentLoading(item.component) item.children.map(function (child) { child.component = lazyComponentLoading(child.component) }) }) commit('SET_ROUTERS', accessedRouters)
resolve() }).catch(error => { reject("获取菜单失败") })
相关文章推荐
- vue-element-admin-master二级路由三级菜单显示的改进
- 详解vue-router2.0动态路由获取参数
- vue-router中定义动态路由、嵌套路由,并动态获取参数
- vue-router2.0动态路由获取参数
- vue2.0结合Element实现select动态控制input禁用
- vue-element-admin
- vue基础动态路由,嵌套路由router-link切换
- 在Vue中使用了Swiper ,动态从后台获取数据的之后,swiper滑动失效
- vue前后分离动态路由和权限管理方案
- vue中如何不通过路由直接获取url中的参数
- vue 路由参数获取
- vue获取当前激活路由的方法
- Vue的路由动态重定向和导航守卫实例
- 利用SVI建立vlan间路由并使用dhcp动态获取接口地址
- vue-router动态路由注意事项
- vue动态路由匹配,路由传参
- vue elementUI tree树形控件获取父节点ID的实例
- vue-router的动态路由传对象2种方式
- vue教程3-05 vue组件数据传递、父子组件数据获取,slot,router路由
- axios+vue+element-ui以服务端方式动态加载loading