(干货)vue 事件参数$event

最新推荐文章于 2024-05-06 20:09:53 发布

卡姿兰大长腿

最新推荐文章于 2024-05-06 20:09:53 发布

阅读量3.2k

点赞数

本文链接：https://blog.csdn.net/weixin_46382477/article/details/108066626

版权

vue 专栏收录该内容

59 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<title>事件简写和事件对象$event</title>
	<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
	<script>
		window.onload = function () {
			let vm = new Vue({
				el: '#app',
				methods: {
					show() {
						console.log(111);
					},
					print(e) {
						var tatget = e.target;
						// console.log(e);
						console.log(tatget.innerHTML); //DOM对象
						// console.log(this);
					}
				}
			});
		}
	</script>
</head>

<body>
	<div id="app">
		<button v-on:click="show">点我</button>
		<button @click="show">点我</button>
		<hr>
		<button @click="print($event)">Click Me</button>
	</div>
</body>

</html>