欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

在vue中如何阻止click事件冒泡

程序员文章站 2022-03-15 13:36:12
...
下面我就为大家分享一篇vue中阻止click事件冒泡,防止触发另一个事件的方法,具有很好的参考价值,希望对大家有所帮助。

使用vue阻止子级元素的click事件冒泡,很简单,用stop

<p @click="test1()"> 
   <span @click.stop="test2()">按钮1</span> 
   <span>按钮2</span> 
</p>

这样点击p里面的按钮1,就不会触发p绑定时间test1()方法。

上面是我整理给大家的,希望今后会对大家有帮助。

相关文章:

JavaScript运行原理

vue中全选与反选

详解讲解使用jest测试react native组件

以上就是在vue中如何阻止click事件冒泡的详细内容,更多请关注其它相关文章!