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


猜你喜欢
- Vue记住滚动条和实现下拉加载的完美方法 2024-02-21
- 网页设计学习教程 CSS盒模型 2023-12-14
- 使用CSS画爱心的过程详解 2024-02-25
- vue post application/x-www-form-urlencoded传参的解决方案 2023-10-08
- 动态加载图片路径 保持JavaScript控件的相对独立性 2023-12-26
- CSS 鼠标样式和手指样式整理 2024-01-05
- JavaScript优雅处理对象的6种方法 2023-08-08
- css float属性 图解float属性的点点滴滴 2024-01-06
- vue使用动态组件实现TAB切换效果完整实例 2023-07-09
- 鼠标悬停图片产生边框的效果实现 2024-01-03