表单组件 / Checkbox复选框(检查框)组件
注意
使用v-modal切换状态, 不支持checked属性
如何引入
// 引入
import { Checkbox } from 'vimo'
// 安装
Vue.component(Checkbox.name, Checkbox)
// 或者
export default{
components: {
Checkbox
}
}
- 源码:
传入属性 / Props:
Name | Type | Attributes | Default | Description |
---|---|---|---|---|
mode |
String |
<optional> |
'ios'
|
模式 |
color |
String |
<optional> |
颜色 | |
disabled |
Boolean |
<optional> |
false
|
单向选择, 点击且换并不对父组件传递 |
value |
Boolean |
<optional> |
当前值 |
对外事件 / Fires:
用法 / Usages
<Item>
<Label>Danger</Label>
<Checkbox slot="item-left" color="danger" v-model="testModal" :disabled="testDisabled" @onChange="onCheckboxChange"></Checkbox>
</Item>
事件 / Events
onChange
- 源码:
属性 / Properties:
Name | Type | Description |
---|---|---|
value |
boolean | 当前值 |
点按选择时触发