# Select Props
参数 | 类型 | 默认值 | 说明 |
---|---|---|---|
placeholder | string | 请选择季度 | 占位文本 |
clearable | boolean | true | 是否可清空 |
size | string | - | 控件尺寸,可选值 large,medium,small |
disabled | boolean | false | 是否禁用控件 |
limit | number | 0 | 限制显示的选项数量,必须大于 0 。其余选项会显示为 limit-text 所返回的内容 |
limit-text | function | count => `+${count}` | 当选项超过限制时显示文本的处理方法,参数为剩余选项数量 |
append-to-body | boolean | true | 下拉弹出元素是否插入于 <body> 内 |
popper-width | number | undefined | 下拉弹出元素宽度,若不设置则与触发元素相同度 |
popper-z-index | number | 1000 | 下拉弹出元素的 z-index 值 |
popper-class | string | - | 下拉弹出元素 class 名 |
placement | string | auto | 下拉弹出位置,可选值 placement |
更多 Props 可参考 Panel Props
# Select Methods
方法名 | 说明 | 参数 |
---|---|---|
clear | 清空绑定值 | — |
showPopper | 显示下拉框 | — |
hidePopper | 显示下拉框 | — |
togglePopper | 切换下拉框状态 | — |
# Select Events
事件名 | 说明 | 参数 |
---|---|---|
change | 选项变化时 | value |
visible-change | 下拉框出现/隐藏时 | 出现则为 true,隐藏则为 false |
clear | 点击清空时触发 | — |
# Select Slots
Name | 参数 | 说明 |
---|---|---|
prefix | - | 控件前置内容 |
suffix | — | 控件后置内容 |
更多 Slots 可参考 Panel Slots
# Panel Props
参数 | 类型 | 默认值 | 说明 |
---|---|---|---|
value/v-model | string/array | [] | 绑定值 |
value-format | string | yyyy-MM-dd | 绑定值的格式 |
format | function(year,quarter,date) | - | 使用 format 指定输入框的格式 |
option-format | function(quarter) | - | 自定义下拉选项文本 |
default-value | date | - | 默认显示的季度 |
# Panel Methods
方法名 | 说明 | 参数 |
---|---|---|
increaseYear | 递增年份 | — |
decreaseYear | 递减年份 | — |
clear | 清空值 | — |
# Panel Slots
Name | 参数 | 说明 |
---|---|---|
default | { label, value } | 下拉选项模板 |
prev-icon | — | 左侧图标 |
year | year | 年份内容 |
next-icon | — | 右侧图标 |