Skip to content

Radio 单选框组

基础用法

ts
{
  id: '',
  componentName: 'RadioGroup',
  componentType: 'form',
  formItemAttrs: { field: '', label: '单选框' },
  slots: {
    default: {
      componentName: 'Radio',
      options: [
        { value: 'large', label: 'large' },
        { value: 'default', label: 'default' },
        { value: 'small', label: 'small' },
      ],
    }
  },
  attrs: {},
}

禁用选项

ts
{
  id: '',
  componentName: 'RadioGroup',
  componentType: 'form',
  formItemAttrs: { field: '', label: '单选框' },
  slots: {
    default: {
      componentName: 'Radio',
      options: [
        { value: 'large', label: 'large' }, 
        { value: 'large', label: 'large', disabled: true }, 
        { value: 'default', label: 'default' },
        { value: 'small', label: 'small' },
      ],
    }
  },
  attrs: {},
}

Options 属性

ts
{
  id: "",
  componentName: "RadioGroup",
  componentType: "form",
  formItemAttrs: { field: "", label: "单选框" },
  attrs: {
    options: [
      { value: "large", label: "large" },
      { value: "default", label: "default" },
      { value: "small", label: "small" },
    ],
  },
},

按钮模式

ts
{
  id: '',
  componentName: 'RadioGroup',
  componentType: 'form',
  formItemAttrs: { field: '', label: '单选框' },
  slots: {
    default: {
      componentName: 'Radio',
      componentName: 'RadioButton',
      options: [
        { value: 'large', label: 'large' },
        { value: 'default', label: 'default' },
        { value: 'small', label: 'small' },
      ],
    }
  },
  attrs: {},
}

Released under the MIT License.