(干货)vue 事件参数$event

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>事件简写和事件对象$event</title><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></scrip

卡姿兰大长腿

3234人浏览 · 2020-08-17 23:03:36

卡姿兰大长腿 · 2020-08-17 23:03:36 发布

<!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>

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^