Appearance
角色选择组件 ¶
TIP
用于弹窗选择角色的场景,可以配置角色是单选还是多选,默认查询/role/page接口的角色信息,可以根据需要进行自定义
使用 ¶
vue
<template>
<b-role-select-modal ref="roleSelectModal" @ok="selectRole" :multiple="false" />
</template>
<script setup>
function selectRole(roleId, roleInfo){}
</script>typescript
import BRoleSelectModal from '/@/components/Bootx/RoleSelectModal'参数和说明 ¶
| 参数名 | 类型 | 功能 | 是否必填 | 默认值 |
|---|---|---|---|---|
| title | string | 名称 | 否 | 选择角色 |
| multiple | boolean | 是否允许多选 | 否 | |
| width | number | 宽度 | 否 | string |
| dataSource | Function | 数据源函数 | 否 | /role/page角色信息查询接口 |
| @ok | Function | 点击确认的回调函数 | 否 | 无 |
回调方法 ¶
typescript
/**
* 回调方法
* @param roleId 角色id,多选状态下返回角色ID列表,单选情况下返回单个角色ID
* @param roleInfo 角色信息,多选状态下角色信息列表,单选情况下返回单个角色信息对象
*/
function selectRole(roleId, roleInfo: Role | Role[]){}