vue 的点击事件怎么获取当前点击的元素

最新推荐文章于 2024-03-20 22:43:40 发布

原创最新推荐文章于 2024-03-20 22:43:40 发布 · 4.2k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#vue #前端 #js

前端专栏收录该内容

47 篇文章

订阅专栏

本文深入探讨了Vue.js中如何使用@click指令进行事件处理，详细解析了e参数的功能，包括e.target和e.currentTarget的区别，以及如何在实际项目中应用这些知识。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//缩写:   @click="message"   
<div id="myId" v-on:click="message">
	<button>点击</button>
</div>

var myVue= new Vue({
	el: '#myId',
	methods: { 
	message: function(e) {
			console.log(e.target); // e.target 是你当前点击的元素
			console.log(e.currentTarget); // e.currentTarget 是你绑定事件的元素
		}
	}
});