uni-app页面存在多个radio-group时无法获取是哪个按钮组被点击

分类：uni-app

radio uniapp

<template>
<view>
<view class="uni-list">
<radio-group @change="radioChange" v-for="(radioGroup, i) in radioGroups">
<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>
</view>
</view>
</template>
<script>
export default {
data() {
return {
title: 'radio 单选框',
radioGroups:[{
name: '2'
},
{
name: '1',
}],
items: [{
value: 'USA',
name: '美'
},
{
value: 'CHN',
name: '中',
checked: 'true'
}
],
current: 0
}
},
methods: {
radioChange(evt) {
console.log(evt);
}
}
}
</script>

2020-02-06 15:38 负责人:无分享

3 个回复

8***@qq.com

<radio-group :data-id='index' @change="changeStatus">
<label>
<radio color='#F58C3B' value="1" /><text>开售</text>
<radio color='#F58C3B' value="2" style="margin-left: 10px;"/><text>预售</text>
</label>
</radio-group>