一、父元素调用子元素，子元素自身带有点击事件

开始跟目录阻止冒泡事件如下：点击后发现并不能阻止冒泡
1、跟目录

<div class="root" @click="onDetail">
<div class="chid-content">
<child  @onChange.stop="onChange"/>
</div>
</div>

2、子元素

<div class="child">
<childC @change="onChange"/>
</div>

二、解决办法：在子元素的容器上添加.stop

修改如下：
1、跟目录

<div class="chid-content" @click.stop></div>

<div class="root" @click="onDetail">
<div class="chid-content" @click.stop>
<child  @onChange="onChange"/>
</div>
</div>

v-on修饰符
1.阻止冒泡事件 .stop 事件冒泡：在结构上存在嵌套的元素，有事件冒泡的功能，自子元素传递（冒泡）到父元素，所...
Vue知识点笔记2
Vue指令之事件修饰符：.stop 阻止冒泡（写在子元素中阻止其触发父元素事件）.prevent 阻止默认事件.c...
uni-app 事件修饰符
事件修饰符修饰符说明stop 阻止事件冒泡阻止子元素的事件触发时同时触发其祖宗元素的事件capture 阻止事件...
阻止事件冒泡
在父元素及子元素度需要绑定事件的情况下，子元素在事件后加上.stop可以阻止事件冒泡
vue 事件修饰符
.stop 阻止事件冒泡 .prevent 阻止默认事件 .capture 事件捕获 .self 只有点击元素本身...
stopPropagation和stopImmediatePro
都可以阻止事件冒泡（子元素向父元素冒泡） stopImmediatePropagation阻止事件冒泡并且阻止相同...
v-on的事件修饰符
.stop:阻止事件冒泡（对后代元素） .prevent:阻止事件默认行为 .capture:使用事件捕获机制 ....
vue中的事件修饰符
不使用修饰符情况执行结果：点击了子元素；点击了父元素 stop - 阻止事件冒泡执行结果：点击了子元素（未触发...
vue中事件修饰符详解(stop, prevent, self,
==.stop== 是阻止冒泡行为,不让当前元素的事件继续往外触发,如阻止点击div内部事件,触发div事件==....
vue中事件修饰符详解(stop, prevent, self,
==.stop== 是阻止冒泡行为,不让当前元素的事件继续往外触发,如阻止点击div内部事件,触发div事件==....