组件级权限控制
- 页面级: 动态路由,对页面代码没有侵入性
- 组件级
- 代码级/函数级
- 权限插槽组件:
自定义一个组件,将需要权限控制的组件放入插槽
也可以通过具名插槽,控制更加复杂的UI状态变化
vue
<Authority>
<template #default="{ userPermission }">
<a-buttion :disabled="!userPermission.includes('sys:user:create')">新增</a-buttion>
</template>
</Authority>? 前端目前用的casl,后端用的rbac
- 自定义指令