# JCheckbox 使用文檔 ###### 說明: antd-vue checkbox組件處理的是數組，用起來不是很方便，特二次封裝，使用時只需處理字符串即可 ## 參數配置 | 參數 | 類型 | 必填 |說明| |--------------|---------|----|---------| | options |array |?| checkbox需要配置的項，是個數組，數組中每個對象包含兩個屬性:label(用于顯示)和value(用于存儲) | 使用示例 ---- ```vue <template> <a-form :form="form"> <a-form-item label="v-model式用法"> <j-checkbox v-model="sport" :options="sportOptions"></j-checkbox><span>{{ sport }}</span> </a-form-item> <a-form-item label="v-decorator式用法"> <j-checkbox v-decorator="['sport']" :options="sportOptions"></j-checkbox><span>{{ getFormFieldValue('sport') }}</span> </a-form-item> </a-form> </template> <script> import JCheckbox from '@/components/jeecg/JCheckbox' export default { components: {JCheckbox}, data() { return { form: this.$form.createForm(this), sport:'', sportOptions:[ { label:"足球", value:"1" },{ label:"籃球", value:"2" },{ label:"乒乓球", value:"3" }] } }, methods: { getFormFieldValue(field){ return this.form.getFieldValue(field) } } } </script> ```