vue中点击事件操作dom元素的方式（包括父元素、子元素、兄弟元素）

html演示代码

<ul @click ="click($event)">
   <li></li>
</ul>

只需要传入一个$event参数即可

JavaScript演示代码

下面即对应的点击函数

methods: {
	click(e) {
		//当前点击的元素
		e.target 
		//绑定事件的元素(可以通过点击子元素触发)
		e.currentTarget 
		//获得点击元素的前一个元素
		e.currentTarget.previousElementSibling.innerHTML
		//获得点击元素的第一个子元素
		e.currentTarget.firstElementChild
		//获得点击元素的下一个元素
		e.currentTarget.nextElementSibling
		// 获得点击元素中id为string的元素
		e.currentTarget.getElementById("string")
		//获得点击元素的class属性
		e.currentTarget.getAttributeNode('class')
		// 获得点击元素的父级元素
		e.currentTarget.parentElement
		// 获得点击元素的前一个元素的第一个子元素的HTML值
		e.currentTarget.previousElementSibling.firstElementChild.innerHTML
	}
}