好资源导航 » 文章资讯 » 详解vue事件对象、冒泡、阻止默认行为

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

2024-02-27 06:15:05 49

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

事件对象








window.onload=function(){
varvm=newVue({
el:'#box',
data:{},
methods:{
show:function(ev){
alert(ev.clientX);
alert(ev.clientY);
}
}
});
}

事件冒泡








window.onload=function(){
varvm=newVue({
el:'#box',
data:{},
methods:{
show:function(){
alert(111);
//原生的写法
//ev.cancelBubble=true;
},
show2:function(){
alert(222);
}
}
});
}

阻止事件默认行为









window.onload=function(){
varvm=newVue({
el:'#box',
data:{},
methods:{
show:function(){
alert(111)
},
show2:function(){
alert(222)
}
}
});
}

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

返回顶部
514930285
czq8825@qq.com

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

热门推荐

随机推荐