---
name: jjb-button-permission-best-practices
description: 定义 JJB 按钮权限控制最佳实践。在使用 permission 方法、权限码命名、批量权限控制时查阅。
---

# 按钮权限控制规范

## 按钮权限控制最佳实践

- **按钮权限控制**：

  ```javascript
  // 使用 Permission + permission 方法
  {permission('reslib-app-resource-add') && <Button>新增</Button>}
  ```

- **批量按钮权限控制**：

  ```javascript
  // 多个按钮权限中任意一个有按钮权限即显示
  {permission(['reslib-app-resource-add', 'reslib-app-resource-edit', 'reslib-app-resource-delete']) && <Button>批量操作</Button>}
  ```

- **按钮权限码命名规范**：

  - 权限码格式：`appId-页面-操作语义`（全小写），如 `reslib-app-resource-add`

  - 前端 `permission(xxx)` 参数与平台注册的按钮 `perms` 字段一致

  - 注册按钮见 [[jjb-button-permission-registration]]

- **注意事项**：

  - 按钮权限加载期间会显示 Loading 状态，确保用户体验

  - 如需新增按钮权限码，必须在平台注册后才可在前端使用 `permission()` 检查