#组件接受的参数
name | description | type | default |
---|---|---|---|
visiable | 是否可见 | bool | false |
data | 搜索结果展示的数据 | object | |
selectedList | 多选时传入的已选择的itemList | [] | |
handleChange | 搜索条件变化时触发(需要按需改变data | function | |
onPersonSelect | 组件执行人员选择确定后调用 | function | |
onItemClick | 点击某个人员的时候的回调函数 | function(data) => boolean | |
onCancel | 取消后调用 | function | |
mode | 选人模式 single:单选,multi:多选 | string | |
fixStatus | 对应Navbar的fixStatus,是否支持异形屏 | boolean | false |
#人员数据结构
name | description | type | default |
---|---|---|---|
id | 人员的id | string,number | |
name | 人员名称 | string | |
人员email | string | ||
avatar | 人员头像地址 | string | |
color | 人员头像的背景色 | string |
onItemClick函数的用法
该函数不是必须函数
该函数主要用于在点击了某个人员时可以做一些前置过滤的逻辑,并根据自定义逻辑来决定组件是否要执行默认操作
onItemClick(data) => {
console.log(data)
//return false 表示自定义逻辑验证不通过,不进行默认操作
//return true 表示自定义验证逻辑i通过,需要进行接下来的默认操作
}