vuejs如何取消冒泡,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。
vuejs取消冒泡的方法:1、打开相应的vue文件;2、通过“<div @click.stop="doSomething($event)">...</div>”方式取消事件冒泡。
本文操作环境:windows7系统、vue2.5.17版、DELL G3电脑。
vuejs怎么取消冒泡?
vue.js阻止事件冒泡和默认事件
原生js取消事件冒泡
try{
e.stopPropagation();//非IE浏览器
}
catch(e){
window.event.cancelBubble = true;//IE浏览器
}
原生js阻止默认事件
if ( e && e.preventDefault ) {
e.preventDefault()//非IE浏览器
} else { window.event.returnValue = false; } //IE浏览器
vue.js取消事件冒泡
<div @click.stop="doSomething($event)">vue取消事件冒泡</div>
vue.js阻止默认事件
<div @click.prevent="doSomething($event)">vue阻止默认事件</div>
关于vuejs如何取消冒泡问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注天达云行业资讯频道了解更多相关知识。