pzvue-checkbox
Version:
vue checkbox component
48 lines (42 loc) • 1.45 kB
Markdown
## vue-checkbox
install
```shell
npm install pzvue-checkbox
```
## Demo
http://vue.zuoyan.space/#/component/checkbox
## Quick Start
```js
import pzcheckbox from 'pzvue-checkbox'
```
in component
```js
components: {
pzcheckbox
}
```
in template
```js
<pzcheckbox name="c1" value="1" :checked="true">选项1</pzcheckbox>
<pzcheckbox name="c1" value="2">选项2</pzcheckbox>
<pzcheckbox name="c1" value="3">选项3</pzcheckbox>
<pzcheckbox name="c1" value="4" :disabled="true">不可用</pzcheckbox>
```
checkbox-group
```js
<checkboxgroup v-model="check">
<pzcheckbox name="c1" value="1" :checked="true">选项1</pzcheckbox>
<pzcheckbox name="c1" value="2">选项2</pzcheckbox>
<pzcheckbox name="c1" value="3">选项3</pzcheckbox>
<pzcheckbox name="c1" value="4" :disabled="true" :checked="true">不可用</pzcheckbox>
</checkboxgroup>
```
## Attribute
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---------- |-------- |---------- |------------- |-------- |
| id | checkbox的id | string | | uuid |
| value | | all | | 0 |
| name | | string | | |
| disabled | 禁用 | boolean | true, false | false |
| checked | 是否选中 | bool | true, false | false |
| change | change事件 | function | | function(value, ischecked){} |