Rumah > Artikel > hujung hadapan web > vue.js如何阻止事件冒泡
vue.js阻止事件冒泡的方法:1、【vue.js】取消事件冒泡,代码为【42b06a308e4cb83627751c47b04f52aevue取消事件冒泡16b28748ea4df4d9c2150843fecfba68】;2、【vue.js】阻止默认事件。
【相关文章推荐:vue.js】
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>
相关免费学习推荐:JavaScript(视频)
Atas ialah kandungan terperinci vue.js如何阻止事件冒泡. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!