vue中$event的元素属性

<template>
   <div>
      <button @click="clickFun($event)">点击</button>
   </div>
</template>


<script>
   export default {
      data(){
        return{}
      },
      methods:{
         check(event) {
           console.log(event,'e元素....')
           console.log(event.target,'当前点击的元素')
           console.log(event.currentTarget ,'当前绑定事件的元素')
 

           // 获得点击元素的前一个元素
           console.log(event.currentTarget.previousElementSibling.innerHTML)
           
 
           // 获得点击元素的第一个子元素
           console.log(event.currentTarget.firstElementChild)
           
 
           // 获得点击元素的下一个元素
           console.log(event.currentTarget.nextElementSibling)
           
 
           // 获得点击元素中id为string的元素
           console.log(event.currentTarget.getElementById("string"))
           
 
           // 获得点击元素的string属性    
          console.log(event.currentTarget.getAttributeNode('string'))
           
 
           // 获得点击元素的父级元素
           console.log(event.currentTarget.parentElement)
           
 
           // 获得点击元素的前一个元素的第一个子元素的HTML值
           console.log(event.currentTarget.previousElementSibling.firstElementChild.innerHTML)
    
         }
      }
   }
</script>