复选框 (Checkboxes)
v-checkbox
组件使用户能够在两个不同的值之间进行选择。它们与开关非常相似,可以以复杂的形式和清单使用。
使用
最简单形式的 v-checkbox
提供了两个值之间的切换。
TIP
一个更简单的版本, v-simple-checkbox
主要用作数据表组件中的轻量级替代方案,以选择行或显示内联boolean数据。
API
组件 | 描述 |
---|---|
v-checkbox | 主要组件 |
示例
属性
颜色
复选框可以设置颜色通过使用 color 属性,颜色可以是任何内置的颜色或者其上下文名称。
数组模型
多个 v-checkbox
可以通过数组分享相同的 v-model
布尔模型
单个 v-checkbox
将有一个布尔值作为其 value。
状态
v-checkbox
可能有不同的状态,如 默认(default) , 禁用(disabled) , 和 未确定(indeterminate) 。
插槽
Label
文本字段标签可以在 label
插槽中定义 - 允许使用 HTML 内容.
其他
内联输入文本
如果需要将复选框与其他组件排列在一行,可以使用 v-checkbox-btn
组件。
该组件只渲染复选框,没有表单输入的附加功能,如验证、标签和消息。