vue3+ts+pinia前端管理权限问题？

Z时代
2024-02-24
分类：IT

vue3+ts+pinia前端管理权限问题？
只给用户管理添加了roles
登录以后调用pinia的方法

setUser(user: UserModel) {
  const routers = markRaw(layoutMap);
  let roles:string = user.roles?.length === 1 ? user.roles[0].name : ''
  const accessedRouters = filterAsyncRouter(routers, roles);
  this.users = user
  this.routers = accessedRouters;
  handleFixedVisitedViews(tagsStore(), routers);},

这个是filterAsyncRouter的方法

import router from "./../router/index";
import { _RouteRecordBase } from "vue-router";
//处理权限
export const hasPermission = (route: any, role: any) => {
  if (route.meta && route.meta.roles) {
return route.meta.roles.includes(role);
  }
  //默认不设置权限
  return true;
};
// 菜单权限处理
export const filterAsyncRouter = (routerMap: any, roles: any) => {
  console.log(roles);
  const accessedRouters = routerMap.filter((route: any) => {
    if (hasPermission(route, roles)) {
      if (route.children && route.children.length) {
        route.children = filterAsyncRouter(route.children, roles);
      }
      return true;
    }
    return false;
  });
  return accessedRouters;};