Element-Vue管理后台登录权限

1.router-index.js (配置动态路由，设置角色权限)

export const constantRouterMap = []export const asyncRouterMap= [{path: '/device',component: Layout,meta: { title: '设备管理',icon: 'form',roles:['editor']  //角色},children: [{path: 'device',name: '设备管理',component: () => import('@/views/device/index'),meta: { title: '设备管理',icon: 'form',roles:['editor'] //角色},}],{ path: '*', redirect: '/404', hidden: true }//放在动态路由
]export default new Router({// mode: 'history', //后端支持可开scrollBehavior: () => ({ y: 0 }),routes: constantRouterMap})

2.store-inde.js //引入import permission from './modules/permission'

store-moduled/permission.js

import { asyncRouterMap, constantRouterMap } from '@/router'/*** 通过meta.role判断是否与当前用户权限匹配* @param roles* @param route*/
function hasPermission(roles, route) {if (route.meta && route.meta.roles) {return roles.some(role => route.meta.roles.includes(role))} else {

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！