# checkboxs 复选框
复选框组件
# 示例
<mp-checkbox label="抽烟"></mp-checkbox>
<mp-checkbox label="喝酒" type="circular"></mp-checkbox>
<mp-checkbox label="打牌"></mp-checkbox>
# 代码
<mp-checkbox-group v-model="hobby">
<mp-checkbox label="抽烟"></mp-checkbox>
<mp-checkbox label="喝酒" type="circular"></mp-checkbox>
<mp-checkbox label="打牌"></mp-checkbox>
</mp-checkbox-group>
export default {
data() {
retrun {
hobby:['抽烟', '喝酒']
}
}
}
# Attributes
# mp-checkbox-group
| 参数 | 说明 | 类型 | 是否必要 | 默认值 |
|---|---|---|---|---|
| v-model | 当前勾选的数据 | Array | true | - |
# mp-checkbox
| 事件名称 | 说明 | 回调参数 |
|---|---|---|
| input | 选择触发input事件 | 选择的value |
# mp-checkbox
| 参数 | 说明 | 类型 | 是否必要 | 默认值 |
|---|---|---|---|---|
| type | 复选框形状 | String | square/circular | square |
| label | 右边的值 | String | false | - |
| name | 唯一标识 | String,Number | true | - |