码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2017-03-28 16:15:39      阅读:184      评论:0      收藏:0      [点我收藏+]

标签:处理   body   冒泡   cti   tde   cli   eth   div   method   

<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是怎样处理 冒泡事件和默认事件的

标签:处理   body   冒泡   cti   tde   cli   eth   div   method   

原文地址:http://www.cnblogs.com/zhangxiaofei/p/6634869.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!