5.7 KiB
5.7 KiB
::: anchor :::
::: title 基本介绍 :::
::: describe 在一组可选项中进行多项选择时。 :::
::: title 基础使用 :::
::: demo 使用 lay-checkbox 标签, 创建一个复选框
:::
::: title 默认样式 :::
::: demo
普通:::
::: title 复选框组 :::
::: demo 方便通过数组生成 checkbox 复选框。
写作 画画 运动:::
::: title 完整案例 :::
::: demo
写作 画画 运动:::
::: title 不同尺寸 :::
::: demo
写作 画画 运动 游泳:::
::: title 禁用状态 :::
::: demo
禁用写作 画画 运动
:::
::: title 事件回调 :::
::: demo
回调:::
::: title 半选状态 :::
::: demo 在实现全选效果时，你可能会用到 isIndeterminate 属性。
半选:::
::: title Checkbox 属性 :::
::: table
| 属性 | 描述 | 可选值 |
|---|---|---|
| name | 原始属性 name | -- |
| skin | 主题 | -- |
| label | 显示内容 | -- |
| value | 选中值 | -- |
| v-model | 是否选中 | true false |
| isIndeterminate | 半选状态 | true false |
| disabled | 是否禁用 | true false |
| size | 尺寸 | lg md sm xs |
:::
::: title Checkbox 事件 :::
::: table
| 事件 | 描述 | 可选值 |
|---|---|---|
| change | 切换事件 | isChecked : 当前状态 |
:::
::: title CheckboxGroup 属性 :::
::: table
| 属性 | 描述 | 可选值 |
|---|---|---|
| disabled | 是否整体禁用 | true false |
:::
::: contributor checkbox :::
::: previousNext checkbox :::