更新记录

1.0.0（2025-12-29） 下载此版本

master

平台兼容性

uni-app(4.13)

其他

安装

在市场导入xf-radio-groupuni_modules版本的即可，无需import

组件关联说明

• xf-scss辅助样式;
• xf-icon;

• 代码演示

基本用法

• 该组件主要用于xf-picker选择器;
• 使用组件代码如下：

<template>
    <xf-popup v-model:show="show" title="标题">
        <scroll-view class="xf-col" style="max-height: calc(82vh - 60px);min-height: 50vh" scroll-y>
            <xf-radio-group v-model="selectedValue" :list="singleLists" labelKey="labelKey"
            valueKey="valueKey" @itemClick="itemClick"></xf-radio-group>
        </scroll-view>
    </xf-popup>
</template>

<script setup lang="ts">
    import { onReady, onShow, onBackPress } from '@dcloudio/uni-app'
    import { onMounted, ref, watch } from 'vue';

    const selectedValue = ref()

    const modelValue = defineModel<string | any | number>('modelValue');
    const singleLists = ref([
        {
            label: '选项1',
            value: 1,
        },
        {
            label: '选项2',
            value: 2
        },
        {
            label: '选项3',
            value: 3
        },
    ]);

    const itemClick = (item : any, index : number) => {

    }
</script>

API

Props

事件 Emits