一、父元素調(diào)用子元素,子元素自身帶有點擊事件
開始跟目錄阻止冒泡事件如下:點擊后發(fā)現(xiàn)并不能阻止冒泡
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>