Skip to content

组件级权限控制

  • 页面级: 动态路由,对页面代码没有侵入性
  • 组件级
  • 代码级/函数级
  1. 权限插槽组件:

自定义一个组件,将需要权限控制的组件放入插槽

也可以通过具名插槽,控制更加复杂的UI状态变化

vue

<Authority>
  <template #default="{ userPermission }">
    <a-buttion :disabled="!userPermission.includes('sys:user:create')">新增</a-buttion>
  </template>
</Authority>

? 前端目前用的casl,后端用的rbac

  1. 自定义指令