Flask接口签名sign原理与实例代码浅析
240
2023-06-01
详解vue事件对象、冒泡、阻止默认行为
整理文档,搜刮出一个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可以继续关注本站。
版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。
发表评论
暂时没有评论,来抢沙发吧~