Skip to content

单选框

单选框用于在多个选项中选择一个选项。

基础用法

ts
const config = {
  title: '状态',
  dataIndex: 'status',
  edit: {
    type: 'radio',
    formItem: {
      label: '用户状态'
    },
    radioGroup: {
      optionType: 'button',
      buttonStyle: 'solid',
      options: [
        { label: '启用', value: 1 },
        { label: '禁用', value: 0 },
        { label: '锁定', value: 2, disabled: true }
      ]
    }
  }
}

API

属性说明类型默认值
buttonStyle按钮样式'outline' | 'solid''outline'
nameRadioGroup 下所有 input[type="radio"] 的 name 属性string-
options选项数组RadioOption[]-
optionType选项类型'default' | 'button''default'
disabled是否禁用booleanfalse
value(v-model)string-
size尺寸'default' | 'small' | 'large''default'

更多属性请参考 Ant Design Vue Radio

根据 Apache-2.0 许可发布。