下拉选择器组件,支持单选、多选、分组和下拉内容定位方式。
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
multiple | boolean | false | 是否多选 |
disabled | boolean | false | 是否禁用 |
position | 'popper' | 'item-aligned' | 'popper' | 下拉内容的定位模式 |
options | (Option | GroupOption)[] | 必需 | 选项数据 |
placeholder | string | - | 占位提示文本 |
class | HTMLAttributes['class'] | - | 自定义 CSS 类 |
interface Option {
label: string
value: AcceptableValue
disabled?: boolean
}interface GroupOption {
label: string
options: Option[]
}| 事件名 | 说明 | 回调参数 |
|---|---|---|
change | 选项变化时触发 | value: AcceptableValue | undefined |
v-model 实现双向数据绑定options 支持普通选项和分组选项两种格式value 可以是字符串、数字等类型options 中包含 options 属性时,会自动识别为分组选项position="popper" 时下拉内容跟随触发器定位,position="item-aligned" 时会更接近原生 Select 的对齐方式