参考
切换按钮组 Toggle Group
ToggleGroup:切换按钮组。发丝线托盘中,按下的项使用墨色平铺填充。部件:Root、Item。
Root · Item
#Item
| 属性 | 类型 | 默认值 | 描述 |
|---|---|---|---|
disabled | boolean | undefined | — | |
value | string | — |
#Root
| 属性 | 类型 | 默认值 | 描述 |
|---|---|---|---|
size | String as PropType<"sm" | "md" | "lg"> | "md" | 切换项的高度档位 |
defaultValue | string[] | toggle group 渲染时的初始选中值;不需要控制选中值时使用 | |
deselectable | boolean | true | toggle group 是否允许不选中任何项;multiple 为 true 时忽略 |
disabled | boolean | toggle 是否禁用 | |
id | string | 组件内部状态机的唯一标识 | |
ids | Partial<{ root: string; item(value: string): string; }> | toggle 各元素的 id,适合组合使用 | |
loopFocus | boolean | true | 焦点是否在 toggle group 内循环 |
modelValue | string[] | toggle group 的 v-model 值 | |
multiple | boolean | 是否允许同时选中多个切换项 | |
orientation | toggleGroup.Orientation | "horizontal" | toggle group 的方向 |
rovingFocus | boolean | true | 是否用 roving tab index 管理焦点 |
| 事件 | 载荷 |
|---|---|
valueChange | details: ValueChangeDetails |
update:modelValue | value: string[] |