Elements

参考

切换按钮组 Toggle Group

ToggleGroup:切换按钮组。发丝线托盘中,按下的项使用墨色平铺填充。部件:Root、Item。

Root · Item

#Item

属性类型默认值描述
disabledboolean | undefined—
valuestring—

#Root

属性类型默认值描述
sizeString as PropType<"sm" | "md" | "lg">"md"切换项的高度档位
defaultValuestring[]toggle group 渲染时的初始选中值;不需要控制选中值时使用
deselectablebooleantruetoggle group 是否允许不选中任何项;multiple 为 true 时忽略
disabledbooleantoggle 是否禁用
idstring组件内部状态机的唯一标识
idsPartial<{ root: string; item(value: string): string; }>toggle 各元素的 id,适合组合使用
loopFocusbooleantrue焦点是否在 toggle group 内循环
modelValuestring[]toggle group 的 v-model 值
multipleboolean是否允许同时选中多个切换项
orientationtoggleGroup.Orientation"horizontal"toggle group 的方向
rovingFocusbooleantrue是否用 roving tab index 管理焦点
事件载荷
valueChangedetails: ValueChangeDetails
update:modelValuevalue: string[]