Skip to content

复选框 (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 组件。

该组件只渲染复选框,没有表单输入的附加功能,如验证、标签和消息。