解决vue|解决vue change阻止默认事件问题
【解决vue|解决vue change阻止默认事件问题】背景:复选框内部有个数量增减选项,并且两个都是change事件。当触发内部数量增减事件时,外部的复选change事件也会触发,体验很不好。
使用事件 @click.stop.native.prevent 解决 (使用@click.stop 或者 @click.prevent都无效,直接报错还阻止不了事件)
{{item.props_name}}{{item.name_suffix}} ×
效果
文章图片
图中绿色框和橙色框的change事件不会互相干扰,解决。。
没有人能一路单纯到底,但是要记住,别忘了最初的自己!
到此这篇关于解决vue change阻止默认事件问题的文章就介绍到这了,更多相关vue阻止事件内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
推荐阅读
- Vue3|Vue3 + Echarts 5 绘制带有立体感流线中国地图,建议收藏
- webpack打包全过程以及遇到图片不显示问题解决方法
- Vue|vue和react脚手架rem适配配置
- 如何在Vue中使用protobuf
- vue左右滑动选择日期组件封装的方法
- vue3使用vuedraggable实现拖拽功能
- 使用vuedraggable实现从左向右拖拽功能
- vue拖拽组件vuedraggable使用说明详解
- vuedraggable实现拖拽功能
- 聚水潭ERP系统如何集成企微群机器人快速解决电商售后难题()