一、场景
element-ui中的radio组件需要再次点击取消选中的效果
二、解决方案
<el-radio-group v-model="radio" @click.native="onRadioChange($event)">
<el-radio :label="1">备选项1</el-radio>
<el-radio :label="2">备选项2</el-radio>
<el-radio :label="3">备选项3</el-radio>
</el-radio-group>
data() {
return{
radio:1
}
}
onRadioChange(e) {
if (e.target.tagName === 'INPUT') {
if(e.target._value === this.radio){
this.radio = ''
}
}
}
本文介绍了在Vue应用中使用el-radio-group组件时,如何通过onRadioChange事件处理器判断用户选择并可能清空选中的值。主要关注点在于HTML模板和JavaScript逻辑的交互。

2776

被折叠的 条评论
为什么被折叠?



