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 组件。

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