vue阻止冒泡事件 阻止點擊事件的執行 結合div和組件阻止點擊事件

vue阻止冒泡事件 阻止點擊事件的執行

<div  @click="alerA1()" >

<div @click.stop="alerA2()><div>

</div>

　　這樣就可以實現阻止點擊  點擊 alerA2()  不會執行 alerA1()

 

如果 你中間的是一個組件類似這樣的

<div  @click="alerA1()" >

<div @click.stop="">

<el-dropdown trigger="click" ></el-dropdown> //這里是下拉菜單組件trigger="click" 

<div>

</div>

　　只需要在組件的外面 嵌套個div 然后設置@click.stop="" 即可解決