vue中阻止click事件冒泡,防止触发另一个事件的方法
程序员文章站
2022-04-18 21:41:15
使用vue阻止子级元素的click事件冒泡,很简单,用stop
使用vue阻止子级元素的click事件冒泡,很简单,用stop
<div @click="test1()"> <span @click.stop="test2()">按钮1</span> <span>按钮2</span> </div>
这样点击div里面的按钮1,就不会触发div绑定时间test1()方法。
以上这篇vue中阻止click事件冒泡,防止触发另一个事件的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
上一篇: vue实现样式之间的切换及vue动态样式的实现方法
下一篇: 被骗钱的那些人
推荐阅读
-
vue click.stop阻止点击事件继续传播的方法
-
vue中阻止click事件冒泡,防止触发另一个事件的方法
-
jQuery中阻止冒泡事件的方法介绍
-
vue点击事件、vue阻止冒泡事件、 @click.stop、 v-on:click.stop、vue点击阻断、vue点击子集的方法不执行父级的方法
-
阻止事件冒泡和围绕.on()方法 [.selector]事件委托中冒泡情况的探讨
-
zepto.js中tap事件阻止冒泡的实现方法_javascript技巧
-
jQuery中阻止冒泡事件的方法介绍_jquery
-
zepto.js中tap事件阻止冒泡的方法
-
zepto.js中tap事件的阻止冒泡方法
-
JavaScript中两种阻止事件冒泡的方法