uni-app组件-表单_单选按钮

单项选择器

xxxxxxxxxx
<radio-group>
    <label class="radio">
        <radio value="r1" checked="true" />选中
    </label>
    <label class="radio">
        <radio value="r2" />未选中
    </label>
</radio-group>

xxxxxxxxxx
<radio-group @change="radioChange">
    <label class="uni-list-cell uni-list-cell-pd" v-for="(item, index) in items" :key="item.value">
        <view>
            <radio :value="item.value" :checked="index === current" />
        </view>
        <view>{{item.name}}</view>
    </label>
</radio-group>

xxxxxxxxxx
export default {
    data() {
        return {
            items: [
                {
                    value: 'USA',
                    name: '美国',
                    checked: 'true'
                },
                    {
                        value: 'CHN',
                        name: '中国'
                    },
                    {
                        value: 'BRA',
                        name: '巴西'
                    },
                    {
                        value: 'JPN',
                        name: '日本'
                    },
                    {
                        value: 'ENG',
                        name: '英国'
                    },
                    {
                        value: 'FRA',
                        name: '法国'
                    },
                   ],
            current: 0
        }
    },
    methods: {
        radioChange: function(evt) {
            console.log(evt.detail)
        }
    }
}

属性说明

实时效果反馈

1. uni-app中，单选按钮中设置选中项的属性是：

A checked

B disabled

C color

D @change

答案

1=>A