vue是怎样处理 冒泡事件和默认事件的

Posted FF盖世英雄CC

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue是怎样处理 冒泡事件和默认事件的相关的知识,希望对你有一定的参考价值。

<script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
window.onload=function(){

new Vue({
el:‘#app‘,

    • data:{

},

methods:{
xixida: function(ev){
alert(1);
ev.preventDefault=true;//阻止默认事件(原生方法)
ev.stop;//阻止冒泡(原声方法)
}
}
});//

}

</script>
<body>
<div id="app">
<input type="button" value="按钮" @click.stop="xixida" /> //阻止默认事件 vue方法
<input type="button" value="按钮" @contextmenu.prevent="xixida" /> //阻止冒泡

</div>

以上是关于vue是怎样处理 冒泡事件和默认事件的的主要内容,如果未能解决你的问题,请参考以下文章

vue阻止事件冒泡,事件穿透

vue--阻止冒泡、默认行为、键盘事件

vue阻止事件冒泡和默认事件

Vue2.0笔记——事件对象,事件冒泡及默认行为

vue.js阻止事件冒泡和默认事件

vue教程1-05 事件 简写事件对象冒泡默认行为键盘事件