vue-回调函数参数$event.docVIP

1-

vue回调函数参数$event

在Vue中，有时候我们需要在触发某个事件的同时，将对应的事件信息传递给回调函数进行处理，这时候就需要使用到回调函数参数$event。$event是一个特殊的变量，表示当前触发的事件对象，可以在事件处理函数中直接引用。

例如在以下代码中，我们在点击按钮时，传递了$event参数，并在回调函数中打印了$event对象的信息：

```

template

div

button@click=handleClick($event)点击我/button

/div

/template

script

exportdefault{

methods:{

handleClick(event){

console.log(event)

}

}

}

/script

```

当我们点击按钮时，控制台会输出一个MouseEvent对象的信息，包含了事件的相关信息，例如事件类型、事件目标、鼠标坐标等等。通过$event对象，我们可以方便地获取到这些信息，进行进一步的处理。

需要注意的是，$event只能在模板中使用，在JS代码中是无法访问的。因此，如果需要在JS中使用事件对象的信息，可以将$event作