更新记录

1.0.0（2025-02-18） 下载此版本

发布初版

平台兼容性

Radio 单选框

组件名: xt-radio

适配情况需自行尝试,开发时只测试了H5、APP、微信小程序

安装方式

本组件符合 easycom 规范，HBuilderX 3.1.0 起，只需将本组件导入项目，在页面 template 中即可直接使用，无需在页面中 import 和注册 components

基本用法

<template>
    <view class="xt">
        <xt-radio v-model="radio" @change='change'>
            <xt-radio-item label="选项1" value="1"></xt-radio-item>
            <xt-radio-item label="选项2" value="2"></xt-radio-item>
        </xt-radio>
        <button @click="log">打印</button>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                radio: '1'
            }
        },
        methods: {
            log() {
                console.log(this.radio);
            },
            change(e) {
                console.log(e);
            }
        }
    }
</script>

<style lang="scss">
    .xt {
        padding: 0 20rpx;
        display: flex;
        flex-direction: column;
        gap: 15rpx;
    }
</style>

xt-radio API

xt-radio Events

xt-radio-item API