@click=“handleClick()“不会传递默认事件参数

程序员大侠2024-05-07 11:01

当你使用@click="handleClick()"这种形式绑定事件处理器时，Vue会将它视为一个函数调用，而不是一个事件监听器。在这种情况下，Vue不会自动传递原生事件对象作为默认参数。

如果你想让Vue自动传递原生事件对象作为默认参数，你应该使用@click="handleClick"（不带括号）的形式绑定事件处理器。例如：

html 复制代码

<template>
  <button @click="handleClick">Click me</button>
</template>

<script>
export default {
  methods: {
    handleClick(event) {
      console.log('Event object:', event);
    }
  }
}
</script>

在这个示例中，当点击按钮时，handleClick方法将会接收到一个参数event，这个参数就是原生的DOM事件对象。