Checkbox
<template>
<div>
<p>
<z-checkbox name="zha" disabled value="苹果">苹果</z-checkbox>
<z-checkbox name="zha" value="香蕉" checked>香蕉</z-checkbox>
<z-checkbox name="zha" value="橘子">橘子</z-checkbox>
</p>
</div>
</template>
<script>
import Checkbox from "../../../src/components/checkbox/checkbox.vue";
import Button from "../../../src/components/button/button.vue";
export default {
components: {
'z-checkbox': Checkbox,
'z-button': Button
}
};
</script>
Props
属性 | 含义 | 类型 | 默认 |
---|---|---|---|
value | 提交的内容 | String | |
checked | 是否选中 | Boolean | false |
name | 表单提交时的字段名 | String | |
disabled | 是否禁用 | Boolean | false |
Events
属性 | 含义 | 类型 | 默认 |
---|---|---|---|
change | 更改时触发的事件 | Function: (checked,{name,value,checked})=>{} |