一、场景
element-ui中的radio组件需要再次点击取消选中的效果
二、解决方案
<el-radio-group v-model="radio" @click.native="onRadioChange($event)">
<el-radio :label="1">备选项1</el-radio>
<el-radio :label="2">备选项2</el-radio>
<el-radio :label="3">备选项3</el-radio>
</el-radio-group>
data() {
return{
radio:1
}
}
onRadioChange(e) {
if (e.target.tagName === 'INPUT') {
if(e.target._value === this.radio){
this.radio = ''
}
}
}