vue阻止默认_详解vue事件对象、冒泡、阻止默认行为

这篇文章主要为大家详细介绍了详解vue事件对象、冒泡、阻止默认行为，具有一定的参考价值，可以用来参考一下。

感兴趣的小伙伴，下面一起跟随512笔记的小编两巴掌来看看吧！

整理文档，搜刮出一个vue事件对象、冒泡、阻止默认行为的代码，稍微整理精简一下做下分享。

事件对象

代码如下：

window.onload = function(){

var vm = new Vue({

el:'#box',

data:{},

methods:{

show:function(ev){

alert(ev.clientX);

alert(ev.clientY);

}

}

});

}

事件冒泡

代码如下：

window.onload = function(){

var vm = new Vue({

el:'#box',

data:{},

methods:{

show:function(){

alert(111);

//原生的写法

//ev.cancelBubble = true;

},

show2:function(){

alert(222);

}

}

});

}

阻止事件默认行为

代码如下：

.show2{

padding:15px;;

}

window.onload = function () {

var vm = new Vue({

el: '#box',

data: {},

methods: {

show: function () {

alert(111)

},

show2: function () {

alert(222)

}

}

});

}

希望本文所述对你有所帮助，vue事件对象、冒泡、阻止默认行为内容就给大家介绍到这里了。希望大家继续关注我们的网站!想要学习vue可以继续关注本站。

注：关于详解vue事件对象、冒泡、阻止默认行为的内容就先介绍到这里，更多相关文章的可以留意512笔记的其他信息。

关键词：vue.js