Radio 再次点击取消选中
原代码:
<td style="vertical-align: top; padding-top: 6px;">
标记:
</td>
<td style="text-align: left;">
<Radio-group v-model="ansLevel" vertical >
<Radio v-for="(item,index) in typeList" :key="index" :label="item.id" >
<span>{{item.name}}</span>
</Radio>
</Radio-group>
</td>
解决代码:@click.native.prevent="radioGroupChange(item.id)"
<td style="vertical-align: top; padding-top: 6px;">
标记:
</td>
<td style="text-align: left;">
<Radio-group v-model="ansLevel" vertical >
<Radio v-for="(item,index) in typeList" :key="index" :label="item.id" @click.native.prevent="radioGroupChange(item.id)">
<span>{{item.name}}</span>
</Radio>
</Radio-group>
</td>
....
// 再次点击取消选中
radioGroupChange:function(val){
// console.log(val);
// console.log(this.ansLevel);
// 当前选的是否和现在的相等,相等代表已选 赋值为空;不相等代码未选 赋值让选中
val === this.ansLevel ? this.ansLevel = '' : this.ansLevel = val
},