![在这里插入图片描述](https://img-blog.csdnimg.cn/9e502386816f4b4da3c27fb799ccc9b6.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBATmF6aW1laV8=,size_15,color_FFFFFF,t_70,g_se,x_16)
<div v-for="item in state.fxcp" :key="item.sx">
<van-radio-group
v-model="item.daRadio"
@change="name => daChange(name, 'radio', item.sx)"
>
<van-cell-group>
<div v-for="it in item.wjdaList" :key="it.id">
<van-cell
clickable
@click="onClick(item, it.id)"
:class="[item.daRadio == it.id ? 'cell-check' : '']"
>
<template #title>
<span>{{ it.id }}、{{ it.title }}</span></template
>
<template #right-icon>
<van-radio
class="check-box-info"
:name="it.id"
checked-color="white"
/>
</template>
</van-cell>
</div>
</van-cell-group>
</van-radio-group>
</div>
const onClick = (item, tid) => {
state.fxcp.forEach(ite => {
if (ite.qid == item.qid) {
ite.daRadio = tid
}
})
}
.cell-check {
border: 0.02667rem solid red;
font-weight: 600;
}