Skip to content

基础使用

提示:hi-radio 需要放到 hi-radio-group 中使用。

vue
<hi-radio-group v-model="checked">
    <hi-radio v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></hi-radio>
</hi-radio-group>

禁用

通过给组件添加 disabled 属性来禁用单个单选框。

vue
<hi-radio-group v-model="checked">
    <hi-radio v-for="item in options" :key="item.value" :label="item.label" :value="item.value" disabled></hi-radio>
</hi-radio-group>

Props

参数说明类型默认值可选值
hoverClass组件点击时的类名Stringhi-hover-
disabled是否禁用Booleanfalse-
value组合使用时组件的绑定值[String, Number]``-
label组件的文本String--
iconName图标名称String__checked-
checked是否选中Booleanfalse-

Slots

名称说明
#default默认插槽(label 区域