Vue事件传参

事件参数可以获取event对象和通过事件传递参数。

获取event对象

<script>
export default {
		data() {
			return {
				number : 0,
			}
		},
		methods: {
			addnumber(event){
				console.log(event);
				this.number++
			}
		}
	}
</script>

参数里面的event可以简写为e。

addnumber(e){
				console.log(e);
				this.number++
			}

事件传参

例子：列表事件获取点击对象的值。

<template>
	<button @click="getName(item)" v-for="(item,index) in name" :key="index">
		{{ item }}
	</button>
</template>

<script>
export default {
		data() {
			return {
				name : ['小波','小明','小白']
			}
		},
		methods: {
			getName(name) {
				console.log(name);
			}
		}
	}
</script>

传参过程中获取event

只需要在@click="getName(item,$event)"传参里面加上一个$event就行。