Skip to content

角色选择组件

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'

参数和说明

参数名类型功能是否必填默认值
titlestring名称选择角色
multipleboolean是否允许多选
widthnumber宽度string
dataSourceFunction数据源函数/role/page角色信息查询接口
@okFunction点击确认的回调函数

回调方法

typescript
/**
 * 回调方法
 * @param roleId 角色id,多选状态下返回角色ID列表,单选情况下返回单个角色ID
 * @param roleInfo 角色信息,多选状态下角色信息列表,单选情况下返回单个角色信息对象
 */
function selectRole(roleId, roleInfo: Role | Role[]){}
本文档内容版权属于济南易杯光年软件技术有限公司,保留所有权利