当选项过多时,使用下拉菜单展示并选择内容。
# 基础用法
适用广泛的基础单选
# 有禁用选项
在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
属性,在该属性打开的情况下,按下回车就可以选中当前选项列表中的第一个选项,无需使用鼠标或键盘方向键进行定位。