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