vue 实现 el-radio 点击选中再次点击取消选中

最近产品经理要求 el-radio 组件支持取消选中功能，以往我们选择了就只能切换选项不能取消选中。所以针对这一需求做一简单实现，代码如下。

HTML 代码：

<el-radio-group v-model="value">
  <el-radio label="1" @click.native="handleRadioTrigger($event)">是</el-radio>
  <el-radio label="2" @click.native="handleRadioTrigger($event)">否</el-radio>
</el-radio-group>

JS 代码：

handleRadioTrigger($event){
  let objVal = this.value;
  window.setTimeout(() => {
    if (!!objVal && objVal == $event.target.value) {
      $event.target.checked = false
      this.value= ''
    }
  }, 0);
}

希望对大家有用！

以上关于vue 实现 el-radio 点击选中再次点击取消选中的文章就介绍到这了，更多相关内容请搜索码云笔记以前的文章或继续浏览下面的相关文章，希望大家以后多多支持码云笔记。