element-ui 如果真要实现单选并且再次点击取消,可以选用checkbox,设置max=1即可
<el-checkbox-group v-model="checkList" :max="1">
<el-checkbox label="A"></el-checkbox>
<el-checkbox label="B"></el-checkbox>
<el-checkbox label="C"></el-checkbox>
</el-checkbox-group>
data () {
return {
checkList: ['A']
}
}
如果一定要用radio,也可以使用下面的方法
<el-radio-group v-model="radio">
<el-radio
v-for="(item, index) in [1,2,3]"
:key="index"
@click.native.prevent="clickitem(index)"
:label="index">
1
</el-radio>
data () {
return {
radio: 1
}
}
</el-radio-group>
clickitem (index) {
index=== this.radio ? this.radio= '' ": this.radio = index
},