成都网站建设设计

将想法与焦点和您一起共享

怎么在vue.js中使用事件修饰符.self

怎么在vue.js中使用事件修饰符.self?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。

成都创新互联公司服务项目包括吴兴网站建设、吴兴网站制作、吴兴网页制作以及吴兴网络营销策划等。多年来,我们专注于互联网行业,利用自身积累的技术优势、行业经验、深度合作伙伴关系等,向广大中小型企业、政府机构等提供互联网行业的解决方案,吴兴网站推广取得了明显的社会效益与经济效益。目前,我们服务的客户以成都为中心已经辐射到吴兴省份的部分城市,未来相信会继续扩大服务区域并继续获得客户的支持与信任!

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

代码如下:




 
 self
 
 


 * {
  margin: 0 auto;
  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
    
   
  
 
 var content = new Vue({   el: "#content",   data: {    id: ''   },   methods: {    doc: function () {     this.id= event.currentTarget.id;     alert(this.id)    }   }  })

看完上述内容,你们掌握怎么在vue.js中使用事件修饰符.self的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注创新互联行业资讯频道,感谢各位的阅读!


分享标题:怎么在vue.js中使用事件修饰符.self
新闻来源:http://chengdu.cdxwcx.cn/article/jejchd.html

其他资讯