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

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

           // 获得点击元素的前一个元素
           // e.currentTarget.previousElementSibling.innerHTML

           // 获得点击元素的第一个子元素
           // e.currentTarget.firstElementChild

           // 获得点击元素的下一个元素
           // e.currentTarget.nextElementSibling

           // 获得点击元素中id为string的元素
           // e.currentTarget.getElementById("string")

           // 获得点击元素的string属性
           // e.currentTarget.getAttributeNode('string')

           // 获得点击元素的父级元素
           // e.currentTarget.parentElement

           // 获得点击元素的前一个元素的第一个子元素的HTML值
           // e.currentTarget.previousElementSibling.firstElementChild.innerHTML
         }
      }
   }
</script>