本文主要是介绍checkbox 复选框 冒泡事件，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
1.问题描述：点击checkbox 会触发父元素的事件，使用@click.stop无效
解决办法：多加一层div，在div上使用@click.stop
2.小程序的checkbox点击时会冒泡，触发父元素的事件
解决办法：给checkbox绑定一个catchtap，指向空事件，阻止事件冒泡，如：catchtap=“checkEvent”，checkEvent定义一个空事件
3.常见的事件修饰符
1 @click.stop ：阻止事件冒泡，点击该元素时，仅执行本身绑定事件，不会执行该元素的父元素的绑定事件
2 @click.prevent ：阻止事件的默认行为，如，阻止超链接默认跳转，表单默认提交（@submit.prevent）等
3 @click.native ：绑定原生的点击事件 ，（vue的组件中使用原生的点击事件，需要加.native ）
4 @click.once ：绑定的事件只会触发一次
5 @click.capture ：事件捕获 使事件触发从包含这个元素的顶层开始往下触发
这篇关于checkbox 复选框 冒泡事件的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
