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[]){}