一、首先

   
    //首先是获取当前点击事件
    //view绑定并传递 $event
    <span v-show="depart" v-on:click="searchDepart($event)">部门</span>

二、然后,script

    e.target; //是你当前点击的元素
    e.currentTarget; //是你绑定事件的元素
    
    //获得点击元素的前一个元素
    e.currentTarget.previousElementSibling
    //类似前前一个元素
    e.currentTarget.previousElementSibling.previousElementSibling
    
    //获得点击元素的第一个子元素
    e.currentTarget.firstElementChild
    
    //获得点击元素的下一个元素
    e.currentTarget.nextElementSibling;
    //类似下下个元素
    e.currentTarget.nextElementSibling.nextElementSibling
      
    //获得点击元素中id为string的元素
    e.currentTarget.getElementById("string")
    
    //获得点击元素的string属性
    e.currentTarget.getAttributeNode('string')
       
    //获得点击元素的父级元素
    e.currentTarget.parentElement
      
    

在JQuery里有个函数:$(this).siblings()  //获取this的全有兄弟元素,vue.js里没有

三、附加:

    e.target; //是你当前点击的元素
    e.currentTarget; //是你绑定事件的元素

两者的区别,奇怪参考该作者:https://www.jianshu.com/p/1dd668ccc97a

 

Logo

前往低代码交流专区

更多推荐