# yuCheckbox 复选框
复选框选择器,支持数据字典码传入,自动加载数据字典数据源
# 效果预览
<template>
<div>
<yu-checkbox
label-width="80px"
label="担保方式"
v-model="checkboxValues1"
name="guarMtd"
data-code="TEST_TYPE"
></yu-checkbox>
<yu-checkbox
label-width="80px"
label="担保方式"
v-model="checkboxValues2"
name="guarMtd"
data-code="TEST_TYPE"
:excludeKey="'02,03'"
></yu-checkbox>
<yu-checkbox
label-width="80px"
label="担保方式"
v-model="checkboxValues3"
name="guarMtd"
data-code="TEST_TYPE"
:details="true"
></yu-checkbox>
</div>
<template>
<script>
export default {
data() {
return {
checkboxValues1: ['02'],
checkboxValues2: ['01'],
checkboxValues3: ['01', '04']
};
}
}
</script>
# Attributes
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
label-width | 左侧标题栏宽度 | string(px) | - | - |
label | 标题 | String | - | - |
v-model | 当前选中值 | string | [] | - |
data-code | 数据源字典码 | string | [] | - |
excludeKey | 数据源中排除项 | string(逗号分割) | - | - |
details | 是否是详情反选不可修改状态 | bool | - | - |