<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                **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> ``` 效果預覽 ![](https://img.kancloud.cn/7d/52/7d52b9242e5965e664439f2dd1cdf3b0_865x105.png)
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看