fes.js/packages/fes-doc/docs/ui/checkbox.md
2020-08-27 17:18:57 +08:00

5.2 KiB
Raw Blame History

pageClass
comp-page-class

Checkbox 多选

概述

表单组件-多选框。主要用于一组可选项多项选择,或者单独用于标记切换某种状态。

代码示例

apple android github

Checkbox-group可以多选。在组合使用时Checkbox不再根据自身value的值来判断是否选中而是根据Checkbox-group的value值和自身value值判断。

checkbox

适合单独使用Checkbox的场景用value控制Checkbox是否被选中。用v-model实现数据的双向通讯。

apple android github

设置属性 vertical ,选项垂直排列

apple android github apple android github

设置readonly 只读

设置disabled 禁用

API

CheckboxGroup Props

属性 说明 类型 默认值
value 输入的值, 可以使用v-model实现数据的双向绑定 Number, String, Boolean ''
vertical 是否垂直排列 Boolean false
readonly 是否只读 Boolean false
disabled 禁用 Boolean false

CheckboxGroup Events

事件名 说明 返回值
on-change 值改变时触发 (value, event) => void

Checkbox Props

属性 说明 类型 默认值
value 输入的值, 可以使用v-model实现数据的双向绑定 Boolean false
label 选项的内容 String ''
disabled 是否禁止选中 Boolean false
readonly 是否只读 Boolean false