# 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 - -
Last Updated: 5/15/2024, 4:47:26 PM