vue阻止冒泡事件 阻止点击事件的执行 结合div和组件阻止点击事件

Posted 2021-03-12 dnghj

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="" 即可解决