Radio 单选框

一组备选项中进行单选

注意

radio 组件必须搭配 radioGroup 组件

基础用法

苹果橘子香蕉

<ivy-radio-group value="1" onchange="console.log(this.value)">
    <ivy-radio label="1">苹果</ivy-radio>
    <ivy-radio label="2">橘子</ivy-radio>
    <ivy-radio label="3">香蕉</ivy-radio>
</ivy-radio-group>

禁用 Radio 组件

在 Radio 上添加 disabled 属性可以禁用组件

苹果橘子香蕉

<ivy-radio-group disabled value="1">
    <ivy-radio label="1">苹果</ivy-radio>
    <ivy-radio label="2">橘子</ivy-radio>
    <ivy-radio label="3">香蕉</ivy-radio>
</ivy-radio-group>

禁用 RadioGroup 组件

在 RadioGroup 上添加 disabled 属性可以禁用组件

苹果橘子香蕉

<ivy-radio-group disabled value="1">
    <ivy-radio label="1">苹果</ivy-radio>
    <ivy-radio label="2">橘子</ivy-radio>
    <ivy-radio label="3">香蕉</ivy-radio>
</ivy-radio-group>

Api

Radio Props

Prop	描述	类型	可选值	默认值
label	radio 的值	string	-	-
disabled	是否禁用	boolean	-	false

Radio Group Props

Prop	描述	类型	可选值	默认值
value	默认值	string	-	-
disabled	是否禁用	boolean	-	false

Radio Group Event

Event	描述
change	选中值改变时触发