问题描述:搜索中有几个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入门学习教程(一) 2023-01-26
- vue如何实现移入(mouseenter)移出(mouseleave)效果 2025-01-14
- 23--html(css基础选择器3-id选择器) 2023-10-26
- 详解浮动元素引起的问题和解决办法 2023-12-27
- 深入理解移动前端开发之viewport 2024-02-05
- javascript中this做事件参数相关问题解答 2023-12-21
- JS实现页面跳转与刷新的方法汇总 2024-01-08
- 使用CSS的pointer-events属性实现鼠标穿透效果的神奇技巧 2023-12-29
- 百度echarts:饼图pie数字太小看不到扇形怎么办 2024-12-08
- Ajax + PHP session制作购物车 2023-02-13