naive-ui/demo/documentation/components/checkbox/zhCN/index.md

66 lines
1.3 KiB
Markdown
Raw Normal View History

2020-02-04 17:52:31 +08:00
# 复选框 Checkbox
Check it out。
## 演示
```demo
basic
group
grid
indeterminate
controlled
event
```
## V-model
### Checkbox V-model
|Prop|Event|
|-|-|
|change|checked|
### Checkbox Group V-model
|Prop|Event|
|-|-|
|change|value|
## Props
### Checkbox Props
2020-02-07 23:40:07 +08:00
|名称|类型|默认值|说明|
2020-02-04 17:52:31 +08:00
|-|-|-|-|
2020-03-12 21:32:47 +08:00
|theme|`'light' \| 'dark'`|`null`||
2020-02-04 17:52:31 +08:00
|value|`string \| number`|`null`||
|checked|`boolean`|`false`||
|disabled|`boolean`|`false`||
|label|`string \| function`|`null`|可以是渲染函数|
2020-02-04 17:52:31 +08:00
### Checkbox Group Props
2020-02-07 23:40:07 +08:00
|名称|类型|默认值|说明|
2020-02-04 17:52:31 +08:00
|-|-|-|-|
2020-03-12 21:32:47 +08:00
|theme|`'light' \| 'dark'`|`null`||
2020-02-04 17:52:31 +08:00
|value|`Array<string \| number>`|`null`||
|disabled|`boolean`|`false`||
## Slots
### Checkbox Slots
<n-alert title="Caveat" type="warning" style="margin-bottom: 16px">
不要在一个巨量的选项组中使用 Checkbox 的 slot因为它会导致每次选项组值变更的时候对每个 Checkbox 做一次重新渲染。在这种情况下你可以使用 <n-text code>label</n-text> 属性来替代。
</n-alert>
2020-02-07 23:40:07 +08:00
|名称|参数|说明|
2020-02-04 17:52:31 +08:00
|-|-|-|
|default|`()`||
### Checkbox Group Slots
2020-02-07 23:40:07 +08:00
|名称|参数|说明|
2020-02-04 17:52:31 +08:00
|-|-|-|
|default|`()`||
## Events
### Checkbox Events
2020-02-07 23:40:07 +08:00
|名称|参数|说明|
2020-02-04 17:52:31 +08:00
|-|-|-|
|change|`(checked: boolean)`||
### Checkbox Group Events
2020-02-07 23:40:07 +08:00
|名称|参数|说明|
2020-02-04 17:52:31 +08:00
|-|-|-|
|change|`(value: string \| number)`||