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

# 基础用法

Select (opens new window)

适用广泛的基础单选

# 有禁用选项

el-option中,设定disabled值为 true,即可禁用该选项

# 禁用状态

选择器不可用状态

el-select设置disabled属性,则整个选择器不可用

# 可清空单选

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

el-select设置clearable属性,则可将选择器清空。需要注意的是,clearable属性仅适用于单选。

# 基础多选

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

el-select设置multiple属性即可启用多选,此时v-model的值为当前选中值所组成的数组。默认情况下选中值会以 Tag 的形式展现,你也可以设置collapse-tags属性将它们合并为一段文字。

# 分组

备选项进行分组展示

使用el-option-group对备选项进行分组,它的label属性为分组名

# 创建条目

可以创建并选中选项中不存在的条目

使用allow-create属性即可通过在输入框中输入文字来创建新的条目。注意此时filterable必须为真。本例还使用了default-first-option属性,在该属性打开的情况下,按下回车就可以选中当前选项列表中的第一个选项,无需使用鼠标或键盘方向键进行定位。