vue 获取点击的对象

原文地址：

https://www.csdn.net/tags/Mtjagg2sNDA2NDItYmxvZwO0O0OO0O0O.html

$event：当前触发的是什么事件

$event.target:触发事件的元素对象(不一定是绑定事件的对象，会因为事件冒泡变化)

$event.currentTarget:绑定事件的元素对象

@click="onShow($event)>点击获取该元素对象

methods:{

onShow(e) {

console.log(e.target)

e.target //是你触发事件的元素

e.currentTarget //是你绑定事件的元素

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

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

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

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

e.currentTarget.getElementsByClassName("string") // 获得点击元素中class为string的元素集合

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

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

e.currentTarget.previousElementSibling.firstElementChild.innerHTML

// 获得点击元素的前一个元素的第一个子元素的HTML值

}

}