vue @click传递$event
时间: 2023-09-08 12:11:43 浏览: 198
浅谈vue中$event理解和框架中在包含默认值外传参
当你在Vue中使用@click指令时,如果需要在触发事件时传递$event对象,可以通过以下两种方式实现:
方式一:使用内联JavaScript语句
```html
<template>
<button @click="handleClick($event)">Click me</button>
</template>
<script>
export default {
methods: {
handleClick(event) {
console.log(event)
}
}
}
</script>
```
方式二:使用方法调用
```html
<template>
<button @click="handleClick">Click me</button>
</template>
<script>
export default {
methods: {
handleClick(event) {
console.log(event)
}
}
}
</script>
```
在这种方式下,Vue会自动将$event对象作为第一个参数传递给handleClick方法。
阅读全文