简介

el-checkbox-group二次封装，可以直接使用数据字典的数据，也可以提供url读取数据

使用字典

<mb-checkbox-group v-model="hobby" type="hobby" />

静态数据

<mb-checkbox-group v-model="roles" :options="options" />

const options = ref([
    {
        label: '管理员',
        value: 'admin'
    },
    {
        label: '超级管理员',
        value: 'superAdmin'
    }
])

接口请求

<mb-checkbox-group v-model="roles" url="/system/role/all" />

checkbox-group 属性

属性	说明	类型	可选值	默认值	示例/备注
type	字典类型	String	数据字典中的所有类型	—	<mb-checkbox-group type="hobby" />
button	是否显示按钮样式的复选框	Boolean	—	false	—
options	选项	Array	—	—	:options="[{label: '写代码', value: 'coding'}, {label: '写代码', value: 'coding'}]"
url	接口相对地址	String	—	—	—
data	请求参数	Object	—	—	—
method	请求方法	String	get / post	get	—
labelField	标签字段	String	—	label	—
valueField	值字段	String	—	value	—
size	多选框组尺寸	String	large / default / small	—	—
disabled	是否禁用	Boolean	—	false	—
min	可被勾选的 checkbox 的最小数量	Number	—	—	—
max	可被勾选的 checkbox 的最大数量	Number	—	—	—
textColor	按钮激活时的字体颜色	String	—	#fff	—
fill	当按钮激活时，边框和背景颜色	String	—	#409EFF	—
join	是否join数据用”,“隔开	Boolean	—	true	—