当你使用@click="handleClick()"
这种形式绑定事件处理器时,Vue会将它视为一个函数调用,而不是一个事件监听器。在这种情况下,Vue不会自动传递原生事件对象作为默认参数。
如果你想让Vue自动传递原生事件对象作为默认参数,你应该使用@click="handleClick"
(不带括号)的形式绑定事件处理器。例如:
<template><button @click="handleClick">Click me</button>
</template><script>
export default {methods: {handleClick(event) {console.log('Event object:', event);}}
}
</script>
在这个示例中,当点击按钮时,handleClick
方法将会接收到一个参数event
,这个参数就是原生的DOM事件对象。