Picker 选择器
用于从列数据中选择值,支持多列联动和自定义标题
演示
9:41
代码示例
引入
推荐使用 easycom 模式,配置后无需手动 import 即可直接使用 <re-picker />。
API
Picker Props
| 名称 | 类型 | 默认值 | 描述 | 必传 |
|---|---|---|---|---|
| value | Array<string> | (): Array<string> => as Array<string> | 当前值 | N |
| columns | Array<Array<PickerItem>> | (): Array<Array<PickerItem>> => as Array<Array<PickerItem>> | - | N |
| visible | boolean | false | - | N |
| title | string | '请选择' | 标题 | N |
| itemHeight | number | 44 | - | N |
| customStyle | string | '' | 自定义样式 | N |
Picker Events
| 名称 | 参数 | 描述 |
|---|---|---|
| change | value: Array<string> | 值变化时触发 |
| confirm | value: Array<string> | 确认时触发 |
| cancel | - | 取消时触发 |
| column-change | columnIndex: number, value: string | 列变化时触发 |
| update:visible | value: boolean | 显隐变化时触发 |
Picker Slots
| 名称 | 描述 |
|---|---|
| - | - |
