默认主题
单选框

示例

基本用法

Radio的基本用法,及禁用状态。通过v-model进行数据双向绑定。由于trueValue的默认值为true,所以可以直接传入value=true来指定选中状态。

选中状态的判定条件是value === trueValue,对于值为对象的情况要注意。

index.vdt
index.styl
index.js
index.vue (Vue)
index.jsx (React)
Your selected:
Radio组

和浏览器原生行为一样,给Radio指定相同的name,它们便组成了单选框组。

index.vdt
index.styl
index.js
index.vue (Vue)
index.jsx (React)
指定选中的值

Radio默认选中的值为true,通过trueValue属性我们可以指定任意值。

Checkbox一样,判定选中状态时,当值为对象比较的是引用地址

index.vdt
index.styl
index.js
index.vue (Vue)
index.jsx (React)

属性

属性 说明 类型 默认值
disabled 是否禁用 Boolean false
value 单选框取值,用于v-model进行双向绑定 * false
trueValue 单选框选中后的值 * true