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

vue阻止冒泡事件 阻止点击事件的执行

?

1 2 3 4 5

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

　　这样就可以实现阻止点击  点击 alerA2()  不会执行 alerA1()

 

如果 你中间的是一个组件类似这样的

?

1 2 3 4 5 6 7 8 9

<div  @click="alerA1()" >   <div @click.stop="">   <el-dropdown trigger="click" ></el-dropdown> //这里是下拉菜单组件trigger="click"   <div>   </div>

　　只需要在组件的外面 嵌套个div 然后设置@click.stop="" 即可解决

 

?

1