想達到的效果是：當前el-radio已經選中，然后再次點擊這個el-radio會取消選中。
直接看代碼

HTML

<el-radio-group v-model="search_overall_fdi_type">
   <el-radio-button label="cfdi" @click.native.prevent="overall_fdi_type_click('cfdi')">CFDI</el-radio-button>
   <el-radio-button label="dfdi" @click.native.prevent="overall_fdi_type_click('dfdi')">DFDI</el-radio-button>
</el-radio-group>

JS

    overall_fdi_type_click(value) {
      this.search_overall_fdi_type = value === this.search_overall_fdi_type ? '' : value
    },

然后就可以實現邏輯上的選中后再次點擊會取消選中。
但是在樣式上，選中和取消選中在外圍會有一個懸浮框的感覺，很影響美觀。所以要額外設置css

CSS

::v-deep .el-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled) {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

然后就可以去掉懸浮框啦！
如圖，大功告成！