van-radio中@change方法默认携带参数event:
默认传参及方法调用:
<view>
<van-radio-group v-bind:value="item.selectSexID" @change="radioChange">
<van-radio name="1" checked-color="#f2ae40">有性生活<text class="price">({{item.phye.sexually_price}}元)</text></van-radio>
<van-radio name="2" checked-color="#f2ae40">有性生活<text class="price">({{item.phye.asexual_price}}元)</text></van-radio>
</van-radio-group>
<view>
方法:
radioChange(event) {
var value = event.detail;
}
如果要传递参数时,方法传递参数:radioChange($event,item)
<view>
<van-radio-group v-bind:value="item.selectSexID" @change="radioChange($event,item)">
<van-radio name="1" checked-color="#f2ae40">有性生活<text class="price">({{item.phye.sexually_price}}元)</text></van-radio>
<van-radio name="2" checked-color="#f2ae40">有性生活<text class="price">({{item.phye.asexual_price}}元)</text></van-radio>
</van-radio-group>
<view>
方法:
radioChange($event, item) {
var selectPerson = this.selectPerson;
var value = $event.detail;
this.selectPerson = selectPerson.map((obj, index) => {
if (item.cardid === obj.cardid) {
return Object.assign(obj, {
selectSexID: value
})
} else {
return obj;
}
})
}