Select 下拉选择框
基础下拉选择框组件,支持单选、禁用、自定义内容等。
基础用法
默认 type 值为 text,支持 v-model 双向绑定。
一键清空
使用 clearable 属性即可得到一个可一键清空的选择器
禁用状态
通过disabled 属性控制组件是否可用。或者optionItem 的 disabled 属性。
筛选选项
通过 filterable 来快速筛选label、value 的匹配项。
不同尺寸
通过 size 属性可设置下拉框尺寸,支持 small 、 medium 、 large 、 x-large 四种预设值。 若不传入则默认使用 medium 尺寸。
自定义字段名
通过field-names 属性可以自定义选项的字段名,以适配不同的数据格式。
属性 Props
{ label: 'label', value: 'value', disabled: 'disabled'}
事件 Events
(value: string | number | boolean | null | undefined)=> void
SelectOptionItem Type
string | number | boolean