# Check 选择框

表单的选择框,包括单选框、多选框组件

# Props

Prop name Description Type Values Default
item 选择器配置 object {"type": "radio", "label": "单选框", "options": {<br> "disabled": false, "hidden": false, "defaultValue": "", "dynamicKey": "", "dynamic": false, "options": [{"value": "1", "label": "选项1"}, {"value": "2", "label": "选项2"}, {"value": "3", "label": "选项3"}]}, "model": "radio_1619340917803", "key": "radio_1619340917803", "help": "", "rules": [{"required": false, "message": "必填项"}]} {}

# Events

Event name Properties Description
input 通过 v-model 语法糖传值,父组件使用 v-model 或:value val string - 选择框选择值 选择框选择事件

# Check 使用方法

<uct-form-item :config="config" :item="item"></uct-form-item>
export default {
  data() {
    return {
      item:{
        "type": "checkbox",
        "label": "多选框",
        "icon": "icon-duoxuan1",
        "options": {
          "disabled": false,
          "hidden": false,
          "defaultValue": [
            "1",
            "2"
          ],
          "dynamicKey": "",
          "dynamic": 1,
          "options": [{
              "value": "1",
              "label": "选项1"
            },
            {
              "value": "2",
              "label": "选项2"
            },
            {
              "value": "3",
              "label": "选项3"
            }
          ]
        },
        "model": "checkbox_1612862100249",
        "key": "checkbox_1612862100249",
        "rules": [{
          "required": false,
          "message": "必填项"
        }]
      },
      config:{
        "layout": "horizontal",
        "labelCol": {
          "span": 4
        },
        "wrapperCol": {
          "span": 20
        },
        "hideRequiredMark": false,
        "customStyle": ""
      }
  },
};