vue中阻止click事件冒泡,防止触发另一个事件的方法

这篇文章主要为大家详细介绍了vue中阻止click事件冒泡,防止触发另一个事件的方法，具有一定的参考价值，可以用来参考一下。

感兴趣的小伙伴，下面一起跟随四海网的小编两巴掌来看看吧！

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

代码如下：

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

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

以上这篇vue中阻止click事件冒泡,防止触发另一个事件的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持四海网。

本文来自：http://www.q1010.com/184/4664-0.html

注：关于vue中阻止click事件冒泡,防止触发另一个事件的方法的内容就先介绍到这里，更多相关文章的可以留意四海网的其他信息。

关键词：vue.js