热搜:fiddler git ip ios 代理
历史搜索

vue 实现 el

游客2024-09-13 09:30:01

最近产品经理要求 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);
}

希望对大家有用!