Select 选择器

当选项过多时，使用下拉菜单展示并选择内容。

基础用法

适用广泛的基础单选

Select 选择器 - 图1

有禁用选项

Select 选择器 - 图2

禁用状态

选择器不可用状态

Select 选择器 - 图3

可清空单选

包含清空按钮，可将选择器清空为初始状态

Select 选择器 - 图4

基础多选

适用性较广的基础多选，用 Tag 展示已选项

Select 选择器 - 图5

自定义模板

可以自定义备选项

Select 选择器 - 图6

分组

备选项进行分组展示

Select 选择器 - 图7

可搜索

可以利用搜索功能快速查找选项

Select 选择器 - 图8

远程搜索

从服务器搜索数据，输入关键字进行查找

Select 选择器 - 图9

Select Attributes

参数说明类型可选值默认值
multiple是否多选boolean—false
disabled是否禁用boolean—false
clearable单选时是否可以清空选项boolean—false
nameselect input 的 name 属性string——
placeholder占位符string—请选择
filterable是否可搜索boolean—false
filterMethod自定义过滤方法function——
remote是否为远程搜索boolean—false
remoteMethod远程搜索方法function——
loading是否正在从远程获取数据boolean—false

Select Events

事件名称说明回调参数
onChange选中值发生变化时触发目前的选中值
onVisibleChange下拉框出现/隐藏时触发出现则为 true，隐藏则为 false
onRemoveTag多选模式下移除tag时触发移除的tag值
onClear可清空的单选模式下用户点击清空按钮时触发-

Option Group Attributes

参数说明类型可选值默认值
label分组的组名string——
disabled是否将该分组下所有选项置为禁用boolean—false

Option Attributes

参数说明类型可选值默认值
value选项的值string/number/object——
label选项的标签，若不设置则默认与 value 相同string/number——
disabled是否禁用该选项boolean—false