Skip to content

Radio Group 单选组

Radio Group 是一个单选一组枚举值的输入组件。

基本用法

禁用状态

排列方式

单选模板用法

按钮样式

类型

typescript
export interface Radio {
    /**
     * 枚举值
     */
    value: ComputedRef<any>;
    /**
     * 枚举展示文本
     */
    name: ComputedRef<any>;
}

export interface ChangeRadio {
    enumData: ComputedRef<Array<Radio>>;

    /**
     * 获取枚举值
     */
    getValue(item: Radio): any;
    /**
     * 获取枚举文本
     */
    getText(item: Radio): any;

    /**
     * 切换单选按钮事件
     */
    onClickRadio: (item: Radio, $event: Event) => void;
}

属性

属性名类型默认值说明
idstring--组件标识
namestring--组件名称
enumDataobject[] as Radio[]--废弃
dataobject[] as Radio[][]单选组数据源
textFieldstring'name'可选,默认为name,显示文本字段
valueFieldstring'value'可选,默认为value,值字段
directionstring'horizontal'可选,枚举项的排列方向,默认为横向
disabledbooleanfalse可选,是否禁用组件
tabIndexnumber--可选,Tab 键索引

事件

事件名类型说明
changeValueEventEmitter<string>单选值变化事件

插槽

TIP

暂无内容