美文网首页
解决ANTD PRO VUE,切换用户之后,左侧菜单不刷新问题

解决ANTD PRO VUE,切换用户之后,左侧菜单不刷新问题

作者: 小枫学幽默 | 来源:发表于2020-08-05 09:53 被阅读0次

文件路径 src/store/modules/permission.js

// 从lodash中引入深拷贝
import cloneDeep from "lodash.clonedeep";

//修改此函数
function filterAsyncRouter(routerMap, roles) {
  // 增加此行是因为如果不深拷贝,会更改原路由表,当切换用户时,会出现用户该有的菜单无法显示
  let asyncRouterMap = cloneDeep(routerMap);
  const accessedRouters = asyncRouterMap.filter(route => {
    if (hasPermission(roles.permissionList, route)) {
      if (route.children && route.children.length) {
        route.children = filterAsyncRouter(route.children, roles);
      }
      return true;
    }
    return false;
  });
  return accessedRouters;
}

相关文章

网友评论

      本文标题:解决ANTD PRO VUE,切换用户之后,左侧菜单不刷新问题

      本文链接:https://www.haomeiwen.com/subject/nftlrktx.html