Skip to content

单选组

属性 ​

属性类型默认值说明
v-modelstring | number—必需。当前选中的选项值。
labelstring—必需。组的可见标签,同时作为整组的无障碍名称。
idstring—组容器的 ID,省略时自动生成。
namestring—组内所有单选按钮共享的 name,省略时自动生成。
optionsRadioOption[]—以数组形式传入选项。与默认插槽二选一。
widthnumber | string—组件宽度,数字按 px 处理。
descriptionstring—显示在组标签下方的补充说明。
isLabelHiddenbooleanfalse隐藏标签的视觉呈现,但仍保留无障碍名称供屏幕阅读器朗读。
isDisabledbooleanfalse是否禁用整组,禁用后所有选项不可选择。
isReadOnlybooleanfalse是否只读。整组仍可见,但无法更改选中状态。
isRequiredbooleanfalse显示必填提示,并启用原生必填校验。
isOptionalbooleanfalse显示可选提示,优先于 isRequired。
optionalLabelstring'Optional'可选提示文本。
requiredLabelstring'Required'必填提示文本。
statusFieldStatusInput—字段状态,包含类型、消息和消息 ID。
statusVariant'attached' | 'detached' | 'tooltip''detached'状态消息的显示位置。
labelIconComponent—标签前的装饰图标。
labelTooltipstring—标签旁信息按钮的提示文本。

状态消息 ​

status 包含以下字段:

  • type:error、warning 或 success。
  • message:消息文本。
  • messageId:消息 ID。

默认 statusVariant 为 detached,消息显示在组下方。

事件 ​

  • update:modelValue(value):选中值变化后发出。
  • change(value, event):模型更新后触发。

event 是可取消的 RadioChangeEvent。 event.detail.originalEvent 保留原生事件。

插槽 ​

  • default:Radio 子项。与 options 二选一。
  • labelIcon:标签前的装饰图标。优先于 labelIcon 属性。

模板引用 ​

  • element:HTMLDivElement | null。

原生属性 ​

class 和 style 应用于组件外层。 未声明的原生属性和事件传入组容器。