v-btn-toggle 组件是专门针对 v-btn 构建的 v-item-group 的简单包装器。
从下面选择您想要的组件，并查看可用的属性、插槽、事件和函数。
v-btn-toggle
props
slots
events
sass
name
active-classtype
stringdefault
'v-item--active'description
active-class 在子组件（children ）被激活时应用。
name
background-colortype
stringdefault
undefineddescription
更改组件的背景颜色。
name
borderlesstype
booleandefault
falsedescription
移除按钮组的边框。
name
colortype
stringdefault
undefineddescription
将指定的颜色应用于控件 - 它可以是 material color 的名称（例如 success 或者 purple）或 css 颜色 (#033 或 rgba(255, 0, 0, 0.5))。 你可以在 colors page 中找到内置类的列表。
name
darktype
booleandefault
falsedescription
将暗色主题变量应用到组件。你可以在 dark themes 的 Material Design 文档中找到更多有关信息。
name
densetype
booleandefault
falsedescription
减少按钮大小和间距。
name
lighttype
booleandefault
falsedescription
为组件设置浅色主题。
name
mandatorytype
booleandefault
falsedescription
强制始终选择一个值（如果可用）。
name
maxtype
number | stringdefault
undefineddescription
设置可以选择的最大数量。
name
multipletype
booleandefault
falsedescription
允许多个选择。value 属性必须是 _array_。
name
roundedtype
booleandefault
falsedescription
在边缘上的圆角按钮
name
shapedtype
booleandefault
falsedescription
在卡片的左上角和右下角应用一个较大的边框半径。
name
tiletype
booleandefault
falsedescription
删除组件的 border-radius。
name
valuetype
anydefault
undefineddescription
组件的指定 model 值。
name
defaultdescription
默认Vue 插槽。
name
changedescription
当用户交互更改输入时发出
value
any[] | anyname
$btn-toggle-border-radiusdefault
$border-radius-root !default;name
$btn-toggle-btn-heightdefault
48px !default;name
$btn-toggle-btn-opacitydefault
0.8 !default;name
$btn-toggle-btn-paddingdefault
0 12px !default;name
$btn-toggle-btn-widthdefault
48px !default;name
$btn-toggle-dense-btn-paddingdefault
0 8px !default;name
$btn-toggle-group-btn-margindefault
4px !default;name
$btn-toggle-round-border-radiusdefault
24px !default;name
$btn-toggle-shaped-border-radiusdefault
24px !default;
Caught a mistake or want to contribute to the documentation?
Edit Layout
on GitHub!