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

来源：动视网责编：小OO 时间：2020-11-27 19:40:03

在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组件。

推荐度：

点击下载本文 文档为doc格式

导读使用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事件冒泡,防止触发另一个事件的方法，具有很好的参考价值，希望对大家有所帮助。

使用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事件冒泡

推荐度：

点击下载本文 文档为doc格式

标签： VUE 事件点击

热门焦点

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

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

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

最新推荐

猜你喜欢

热门推荐