(精華2020年5月4日更新) vue教程篇 事件簡寫和事件物件$event

2b勿擾發表於2020-05-04
Vue事件物件
<!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>

相關文章