1. 程式人生 > 其它 >解決Ant Design Pro VUE,切換使用者之後,左側選單不重新整理問題

解決Ant Design Pro VUE,切換使用者之後,左側選單不重新整理問題

在網上嘗試過很多方法都不可以,包括重置路由,重新整理頁面的時候可以,但是使用起來對於使用者不太友好,後來經過努力查詢,發現經過深拷貝的OK的,以此記錄

檔案路徑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;
}

  

參考連線:https://www.jianshu.com/p/537f29833db9

如果您認為這篇文章還不錯或者有所收穫,您可以點選文章下面的【推薦】按鈕精神支援,因為這種支援是我繼續寫作,分享的最大動力!
作者:月下舞之蝶影 宣告:原創部落格請在轉載時保留原文連結或者在文章開頭加上本人部落格地址,如發現錯誤,歡迎批評指正。凡是轉載於本人的文章,不能設定打賞功能,如有特殊需求請與本人聯絡!