Skip to content
CONTENTS

Checkbox 复选框

常用从一组数据中选择多个数据

基础用法

单独使用可以表示两种状态之间的切换,写在标签中的内容为 checkbox 按钮后的介绍 单一的 checkbox 中,默认绑定变量的值会是 Boolean,选中为 true

禁用状态

多选框不可用状态,设置 disabled 属性即可

多选框组

适用于多个勾选框绑定到同一个数组的情景,通过是否勾选来表示这一组选项中选中的项

中间状态

indeterminate 属性用以表示 checkbox 的不确定状态,一般用于实现全选的效果

带有边框

设置 border 属性可以渲染为带有边框的多选框

Checkbox API

Checkbox 属性

参数说明类型可选值默认值
v-model绑定值boolean
label选中状态的值(只有在checkbox-group或者绑定对象类型为array时有效)string / number / boolean
disabled是否禁用booleanfalse
border是否显示边框booleanfalse
name原生 name 属性string
checked当前是否勾选booleanfalse
indeterminate设置 indeterminate 状态,只负责样式控制booleanfalse

Checkbox 事件

事件名称说明回调参数
change当绑定值变化时触发的事件更新后的值

Checkbox-group API

Checkbox-group 属性

参数说明类型可选值默认值
value / v-model绑定值array
disabled是否禁用booleanfalse

Checkbox-group 事件

事件名称说明回调参数
change当绑定值变化时触发的事件更新后的值

Released under the MIT License.