1.0.27 • Published 6 years ago
beisen-phoenix-fork-mobile-person-select v1.0.27
#组件接受的参数
| 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通过,需要进行接下来的默认操作
}