ui/vant
1
0
Fork 0
mirror of https://github.com/youzan/vant.git synced 2026-05-16 01:07:43 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

[new feature] Checkbox: support config the maximum amount of checked options (#631)

Browse Source
This commit is contained in:
MaStone
2018-02-09 20:49:38 +08:00
committed by neverland
parent f658204cc5
commit e0664d7f82
7 changed files with 101 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/markdown/en-US/checkbox.md
+25
View File
@@ -69,6 +69,30 @@ export default {
</van-checkbox-group>
```
#### Configure the maximum amount of checked options
```html
<van-checkbox-group v-model="result" :max="max">
<van-cell-group>
<van-cell v-for="(item, index) in list" :key="index">
<van-checkbox :name="item">Checkbox {{ item }}</van-checkbox>
</van-cell>
</van-cell-group>
</van-checkbox-group>
```
```
export default {
data() {
return {
list: ['a', 'b', 'c'],
result: ['a', 'b'],
max: 2
};
}
};
```
### Checkbox API
| Attribute | Description | Type | Default | Accepted Values |
@@ -82,6 +106,7 @@ export default {
| Attribute | Description | Type | Default | Accepted Values |
|-----------|-----------|-----------|-------------|-------------|
| disabled | Disable all checkboxes | `Boolean` | `false` | - |
| max | the maximum amount of checked options | `Number` | `0`(Unlimited) | - |
### Checkbox Event