美文网首页
解决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