微客导航 » 文章资讯 » 基于vue.js中事件修饰符.self的用法(详解)

基于vue.js中事件修饰符.self的用法(详解)

2023-09-16 05:36:05 194

.self可以理解为跳过冒泡事件和捕获事件，只有直接作用在该元素上的事件才可以执行。

代码如下：





self




*{
margin:0auto;
text-align:center;
line-height:40px;
}
div{
width:100px;
}
#obj1{
background:deeppink;
}
#obj2{
background:pink;
}
#obj3{
background:hotpink;
}
#obj4{
background:#ff4225;
}







obj1

obj2


obj3

obj4

varcontent=newVue({ el:"#content", data:{ id:'' }, methods:{ doc:function(){ this.id=event.currentTarget.id; alert(this.id) } } })

以上这篇基于vue.js中事件修饰符.self的用法(详解)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。

返回顶部
3162201930
czq8825@qq.com

基于vue.js中事件修饰符.self的用法(详解)

热门推荐

随机推荐