基于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
    
   
  
 

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