**JCheckbox 使用文檔** 功能說明: antd-vue checkbox組件處理的是數組，用起來不是很方便，特二次封裝，使用時只需處理字符串即可 ***** [TOC] ## 參數配置 | 參數 | 類型 | 必填 |說明| |---------|--------|----|---------| | value|String | 無|value值| | options |array || checkbox需要配置的項，是個數組，數組中每個對象包含兩個屬性:label(用于顯示)和value(用于存儲) | | dictCode |string|| checkbox字典code配置，比如通過性別字典編碼：sex，可以直接渲染出組件 | | disabled | Boolean | 否 | 是否禁用,默認值false | ## 使用示例 ---- ```vue <template> <a-form :model="form"> <a-row class="form-row" :gutter="16"> <a-col :lg="8"> <a-form-item label="options式用法" :label-col="{ span: 6 }" :wrapper-col="{ span: 15 }"> <JCheckbox v-model:value="form.sport" :options="sportOptions"/> </a-form-item> </a-col> <a-col :lg="8"> <a-form-item label="dictCode式用法" :label-col="{ span: 6 }" :wrapper-col="{ span: 15 }"> <JCheckbox v-model:value="form.sex" dictCode="sex"/> </a-form-item> </a-col> </a-row> </a-form> </template> <script lang="ts" setup> import {JCheckbox} from '/@/components/Form'; import { reactive} from 'vue'; const form = reactive({ sex : '1', sport: '1,3' }); const sportOptions = [ { label:"足球", value:"1" },{ label:"籃球", value:"2" },{ label:"乒乓球", value:"3" }] </script> ``` 效果預覽