最近产品经理要求 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); }
希望对大家有用!