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 ：事件捕获 使事件触发从包含这个元素的顶层开始往下触发