问题描述:搜索中有几个el-radio单选组件,没有重置按钮,无法取消单选选中事件。解决这个问题需要引入@click.native.prevent。
解决代码:
<el-radio-group v-model="timeInterval">
<el-radio
:label="'上午'"
@click.native.prevent="clickTimeInterval('上午')"
>上午</el-radio
>
<el-radio
:label="'下午'"
@click.native.prevent="clickTimeInterval('下午')"
>下午</el-radio
>
</el-radio-group>
点击取消代码
clickTimeInterval(e) {
e == this.timeInterval ? (this.timeInterval = "") : (this.timeInterval = e);
}
以上是编程学习网小编为您介绍的“el-radio选中之后再次点击取消选中功能介绍”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。
编程基础网
本文标题为:el-radio选中之后再次点击取消选中功能介绍
基础教程推荐
猜你喜欢
- 原生JS实现的轮播图功能详解 2023-12-21
- JavaScript自定义浏览器滚动条兼容IE、 火狐和chrome 2024-01-17
- 一款css实现的鼠标经过按钮的特效 2023-12-21
- vue年会砸金蛋抽奖活动代码 2025-01-11
- CSS常见的让元素水平居中显示的方法 2024-03-09
- 浏览器加载、渲染和解析过程黑箱简析 2023-12-14
- html5如何利用svg绘制各种雪花图案 2024-12-13
- vuejs el-table导出excel表格 2024-12-08
- [使用Vue中的devServer.proxy代理跨域请求时的坑及奇妙的解决方法] POST 请求被转为了 GET 请求,并且传入的参数也被清除了。但是使用Postman测试接口时完全正常 2023-10-08
- 基于bootstrap的上传插件fileinput实现ajax异步上传功能(支持多文件上传预览拖拽) 2023-01-31
