复选框(vButtonGroup)

单组件引入

import <name> from ‘vucc/checkbox’;

示例



复选框组 横向:



复选框组 纵向



复选框组(别名)




代码 V

<v-checkbox :data="[{label: '真'}]" v-model="value"></v-checkbox>
<v-checkbox :data="commonListData" :result-list="checkboxResultList"></v-checkbox>
<v-checkbox :data="commonListData" :result-list="checkboxResultList" :is-vertical="true"></v-checkbox>
<v-checkbox :data="commonListData2" :as-value="'name'" :as-label="'desc'" :result-list="checkboxResultList"></v-checkbox>


value: true,
checkboxResultList: [0, 2],
// checkbox / radio data
commonListData: [{
    value: 0,
    label: 'value0'
}, {
    value: 1,
    label: '<a>111</a>'
}, {
    value: 2,
    label: 'value1',
    isDisabled: true
}],
commonListData2: [{
    name: 0,
    desc: 'value0'
}, {
    name: 1,
    desc: '<a>111</a>'
}, {
    name: 2,
    desc: 'value1',
    isDisabled: true
}]



属性

参数 说明 类型 可选值 默认值 备注
value 组件的值 Boolean - false 单一checkbox使用
data 基础渲染数据 Array<Object> - [] -
resultList 用于存储复选框的结果数组 Array - - -
isVertical 复选框的排列方向是否为垂直方向 Boolean - false -
← 开关(vSwitch) 单选框(vRadio) →