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

怎么在vue.js中使用事件修饰符.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