Depois de selecionar el-radio no elemento plus, clique novamente para cancelar a seleção

O requisito de demanda é uma operação de seleção única, clique novamente para desmarcar
o modificador de evento no Vue:
1.prevent: impede o evento padrão;
2.stop: evita que o evento borbulhe;
3.once: o evento é acionado apenas uma vez;
4.capture: use o modo de captura do evento;
5.self: o evento só é acionado quando o event.target é o elemento da operação atual;
code

 <div>
   <el-radio-group v-model="ruleForm.radio2">
      <el-radio :label="'FACE'"
                @click.prevent="radioChange('FACE')">面容</el-radio>
      <el-radio :label="'FINGERPRINT'"
                @click.prevent="radioChange('FINGERPRINT')">指纹</el-radio>
      <el-radio :label="'IC'"
                @click.prevent="radioChange('IC')">刷卡
    </el-radio-group>
  </div>

código js

 const radioChange = (e) => {
    
    
    e === data.ruleForm.radio2 ? (data.ruleForm.radio2 = "") : (data.ruleForm.radio2 = e);
  }

Escrito em vue2
(o modificador .native foi removido em vue3)

<div>
  <el-radio-group v-model="ruleForm.radio2">
      <el-radio :label="'FACE'"
                @click.native.prevent="radioChange('FACE')">面容</el-radio>
      <el-radio :label="'FINGERPRINT'"
                @click.native.prevent="radioChange('FINGERPRINT')">指纹</el-radio>
      <el-radio :label="'IC'"
                @click.native.prevent="radioChange('IC')">刷卡
    </el-radio-group>
  </div>

radioChange = (e) => {
    
    
      e === this.ruleForm.radio2 ? (this.ruleForm.radio2 = "") : (this.ruleForm.radio2 = e);
}