更新记录

1.0.0（2024-12-05） 下载此版本

• 初始版本发布
• 实现基础单选框功能
• 支持普通模式和列表模式
• 支持自定义主题颜色
• 支持禁用状态
• 完整的 Vue2/Vue3 支持

平台兼容性

wht-radio 单选框组件

一个功能强大、易用的单选框组件，支持普通模式和列表模式，可自定义主题颜色。

平台兼容性

• H5 - 支持
• 小程序 - 支持
• App - 支持
• Vue2 - 支持
• Vue3 - 支持

基本用法

<template>
    <wht-radio v-model="value" :options="options" @change="onChange" />
</template>
<script>
export default {
    data() {
        return {
            value: '1',
            options: [
                { label: '选项1', value: '1' },
                { label: '选项2', value: '2' },
                { label: '选项3', value: '3' }
            ]
        }
    },
    methods: {
        onChange(value) {
            console.log('选中值：', value)
        }
    }
}
</script>

组件属性

组件事件

示例展示

普通模式

<wht-radio v-model="value" :options="options" />

列表模式

<wht-radio v-model="value" type="list" :options="options" />

自定义颜色

<wht-radio v-model="value" :options="options" color="#FF0000" />

禁用状态

<wht-radio v-model="value" :options="options" disabled />