[Vuejs]点击单选框触发两次点击事件的处理<el-radio-group v-model="uploadStatus" class="upload-status-radio">
<el-radio label="0" class="green" @click.native="clickRadio($event, 0)">成功</el-radio>
<el-radio label="1" class="red" @click.native="clickRadio($event, 1)">失败</el-radio>
</el-radio-group>
data () {
return {
uploadStatus: '-1'
}
},
methods: {
/**
* 点击单选框取消选中状态的处理
* @param e 原⽣e
* @param index
*/
clickRadio (e, index) {
htmlradio添加切换事件if (e.target.tagName === 'INPUT') return// 因为原⽣click事件会执⾏两次，第⼀次在label标签上，第⼆次在input标签上，故此处理if (this.uploadStatus === String()) {
this.uploadStatus = '-1'
}
},
}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。