# 4.23 选择器（Select Picker）
底部弹出选择器组件
# 基础用法
<template>
<dof-select-picker :show="showPicker" :button="buttons" @dofSelectPickerConfirm="onConfirm"></dof-select-picker>
</template>
1
2
3
2
3
# Attributes
| Prop | Type | Required | Default | Description |
|---|---|---|---|---|
show | Boolean | N | false | 是否显示 |
pos | String | N | bottom | 弹出位置 |
popup-color | String | N | #FFFFFF | 弹窗背景颜色 |
overlay-cfg | Object | N | {} | 遮罩层配置 |
height | Number | N | 840 | 高度 |
stand-out | Number | N | 0 | 突出高度 |
width | Number | N | 750 | 宽度 |
animation | Object | N | {} | 动画配置 |
button | Array | N | [] | 按钮配置 |
# Events
| 事件名 | 说明 | 回调参数 |
|---|---|---|
dofSelectPickerConfirm | 确认事件 | e |
dofSelectPickerCancel | 取消事件 | - |