切换按钮
v-btn-toggle
组件是专门针对 v-btn
构建的 v-item-group
的简单包装器。
使用
切换按钮允许您创建一个样式化的按钮组,可以在单个 v-model 下选择或切换
API
组件 | 描述 |
---|---|
v-btn-toggle | 主要组件 |
v-btn | 用于控制 v-btn-toggle 状态的子组件 |
v-btn-group | 无状态版本的 v-btn-toggle |
示例
属性
分隔线
可以使用 divided 属性添加可见的分隔线。
变体 (Variants)
可以在 v-btn-toggle
上使用 variant 属性控制按钮的 variant 属性。
必填项
v-btn-toggle
带有 mandatory 属性 将总是有一个(被选中的)值。
多选
一个 v-btn-twitch
带有 multiple 属性将允许用户选中多个值并以数组的形式返回。
圆角
可以通过 rounded 属性控制按钮组的圆角。
杂项
WYSIWYG/所见即所得
对类似的操作进行分组,并设计自己的 WYSIWYG 组件。