问题描述:搜索中有几个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选中之后再次点击取消选中功能介绍


基础教程推荐
猜你喜欢
- ajax传送参数含有特殊字符的快速解决方法 2022-12-28
- 使用vue2.6实现抖音【时间轮盘】屏保效果附源码 2024-02-09
- el-dialog定义了一个参数实现弹窗可拖动 2025-01-20
- JavaScript+css+HTML实现移动端轮播图(含源码) 2024-03-31
- 详解flex多列布局遇到的问题和解决方案 2024-04-07
- Bootstrap企业网站实战项目4 2024-01-21
- html+css实现图片扫描仪特效 2024-01-19
- 使用AJAX(包含正则表达式)验证用户登录的步骤 2023-02-23
- CSS重新定义项目符号和编号技巧 2022-10-16
- BootStrap栅格系统、表单样式与按钮样式源码解析 2024-01-19