时间:2021-05-26
使用vue阻止子级元素的click事件冒泡,很简单,用stop
<div @click="test1()"> <span @click.stop="test2()">按钮1</span> <span>按钮2</span> </div>这样点击div里面的按钮1,就不会触发div绑定时间test1()方法。
以上这篇vue中阻止click事件冒泡,防止触发另一个事件的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
实现也很简单,但需要注意的是,在点击显示的事件中,需要做阻止事件冒泡的处理,否则就触发页面的点击事件了。但这样做也有一个缺点,即如果同一个页面中如果也有事件阻止
在微信小程序的事件分为冒泡事件和非冒泡事件:冒泡事件:当一个组件上的事件被触发后,该事件会向父节点传递。非冒泡事件:当一个组件上的事件被触发后,该事件不会向父节
1.阻止事件冒泡,使成为捕获型事件触发机制.functionstopBubble(e){//如果提供了事件对象,则这是一个非IE浏览器if(e&&e.stopP
思路一第一种思路分两步第一步:对document的click事件绑定事件处理程序,使其隐藏该div第二步:对div的click事件绑定事件处理程序,阻止事件冒泡
本文并没有像标题说的那样,真正阻止事件元素的子元素冒泡...只是在子元素冒泡到事件元素处时进行了一个判断,判断是否要触发事件,哦...不对应该是是否要运行事件函