Skip to content

用户选择组件

TIP

用于弹窗选择用户的场景,可以配置用户是单选还是多选,默认查询/user/admin/page接口的用户信息,可以根据需要进行自定义

使用

vue
<template>
  <b-user-select-modal ref="userSelectModal" @ok="selectUser" :multiple="false" />
</template>

<script setup>
function selectUser(userId, userInfo){}
</script>
typescript
import BUserSelectModal from '/@/components/Bootx/UserSelectModal'

参数和说明

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

回调方法

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