Picker 选择器

用于从列数据中选择值,支持多列联动和自定义标题

演示

9:41

代码示例

<!-- 选择器 -->
  <re-picker :key="current" :title="currentConfig.title" :columns="currentConfig.columns" :value="currentConfig.presetValue" :itemHeight="currentConfig.itemHeight" :visible="showPanel" @update:visible="showPanel = $event" @change="onChange" @confirm="onConfirm" @cancel="onCancel" />

引入

推荐使用 easycom 模式,配置后无需手动 import 即可直接使用 <re-picker />。

API

Picker Props

名称类型默认值描述必传
valueArray<string>(): Array<string> => as Array<string>当前值N
columnsArray<Array<PickerItem>>(): Array<Array<PickerItem>> => as Array<Array<PickerItem>>-N
visiblebooleanfalse-N
titlestring'请选择'标题N
itemHeightnumber44-N
customStylestring''自定义样式N

Picker Events

名称参数描述
changevalue: Array<string>值变化时触发
confirmvalue: Array<string>确认时触发
cancel-取消时触发
column-changecolumnIndex: number, value: string列变化时触发
update:visiblevalue: boolean显隐变化时触发

Picker Slots

名称描述
--