您的位置:首页 > 产品设计 > UI/UE

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修改

//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