Segmented 分段控制器

用于展示多个选项并允许用户选择其中单个选项

基础用法

你需要提供 options 属性来定义用户可选的选项。

可禁用

你可以通过 disabled 属性来禁用 Segmented。你也可以在 options 中设置 disabled 来禁用某个选项。

尺寸

垂直模式

添加 vertical 属性,组件变为垂直排列。

Block 模式

添加 block 属性,组件将适应父元素的宽度。

带图标的分段控制器

Segmented API

Segmented Props

属性名描述类型默认值
modelValue / v-model当前选中项的值number/ string——
options配置选项内容的数组array——
size组件尺寸enum——
disabled是否禁用booleanfalse
block适应父元素的宽度booleanfalse
vertical组件是否为垂直排列booleanfalse
ariaLabel无障碍属性stringsegmented

Segmented Emits

事件名描述类型
change选中项改变时触发Function
上次更新时间: