OptionGroup 选择组

OptionGroup 组件需要在 SelectDropdown 或其它 OptionGroup 组件内使用,可以配合 Option 组件使用。

示例

Select 示例Dropdown 示例

API

属性

名称类型默认值描述
labelstring-选项组的标题。
optionsArray<Object>[]

选项列表,项目的类型为 {label, value, disabled, ...}

名称类型描述
labelstring选项的文字说明。
value*选项对应的值。
disabledboolean=选项是否为禁用。
positionstringinline

内部选项显示的方式。

描述
inline内联方式直接显示。
popup在浮层中显示。
overlay-classstring|Array|Object-参考 Overlay 组件的 overlay-class 属性。

插槽

名称描述
default选项列表的内容。在没有指定 options 属性时,可以用来直接内联 Option 或其它 OptionGroup 组件。
label

选项组标题文本区域。

默认内容:label 属性对应的文本。

名称类型描述
labelstring选项组标题文本。
disabledboolean=选项组是否禁用。
group-label

子选项组的标题文本区域。

默认内容:带 options 的选项对应的 label 属性值。

名称类型描述
labelstring选项组文本。
disabledboolean=选项组是否禁用。

另外,当前选项组数据中除了上面描述的字段之外的其它字段也会自动通过 v-bind 进行绑定到作用域参数上。

option-label

选项的文本区域。

默认内容:不带 options 的选项对应的 label 属性值。

名称类型描述
labelstring选项文本。
valuestring选项值。
selectedboolean是否已选择。
disabledboolean=选项是否禁用。

另外,当前选项数据中除了上面描述的字段之外的其它字段也会自动通过 v-bind 进行绑定到作用域参数上。

option

可供选择的选项的整个区域。

默认内容:Option 内的组件默认结构。

名称类型描述
labelstring选项文本。
valuestring选项值。
selectedboolean是否已选择。
disabledboolean=选项是否禁用。

另外,当前选项数据中除了上面描述的字段之外的其它字段也会自动通过 v-bind 进行绑定到作用域参数上。

图标

名称描述
expandable可展开的项目。