Skip to content

Radio 单选框

基础用法

禁用状态

disabled 属性可以用来控制单选框的禁用状态。

单选框组

结合 dd-radio-group 元素和子元素 dd-radio 可以实现单选组, 为 dd-radio-group 绑定 v-model。

按钮样式

你可以让单选框看起来像一个按钮一样。

带有边框

尺寸

Radio API

Radio Attributes

NameDescriptionTypeDefaultVersion
checked(v-model)绑定值boolean
valuestring | number | boolean
disabled禁用booleanfalse
size输入框尺寸large | default | small

Radio Events

NameDescriptionType
change仅当 modelValue 改变时(value: string | number | boolean) => void

Radio Slots

NameDescription
default自定义默认内容

RadioGroup API

RadioGroup Attributes

NameDescriptionTypeDefaultVersion
value(v-model)绑定值string | number | boolean
disabled禁用booleanfalse
size输入框尺寸large | default | small
buttonStyle风格样式outline | solidoutline

RadioGroup Events

NameDescriptionType
change仅当 modelValue 改变时(value: string | number | boolean, oldValue: string | number | boolean) => void

RadioGroup Slots

NameDescription
default自定义默认内容

贡献者

lazy

变更记录

12ea7 - fix: 修正插槽内容变更时,组件无变化 on 11/29/2023
715b9 - feat: radio on 11/29/2023

Released under the MIT License.