---
# System prepended metadata

title: $event 事件回傳
tags: [Mike課程]

---

---
tags:  Mike課程
---

# $event 事件回傳
### 取得事件

* 我們在做事件回傳時以前都會加入一個(e)在綁定Don元素中做click的動作，現在我們可以透過$evevt來取得事件回傳。

> 我們在模板中加入click的函式，後面加入$event
```haskell=
<template>
  <a @click="getClick($event)" href="javascript:;">click</a>
</template>;
```

* 當透過函式回傳時(e)取得當前事件

```javascript=
export default {
  setup() {
    const getClick = (e) => {
      console.log(e);
    };
    return { getClick };
  },
};
```
![](https://i.imgur.com/tCs9ewa.png)

### 傳參數
* 我們也可透過傳參數的方式傳入事件中

```htmlembedded=
<template>
  <a @click="getClick(100, $event)" href="javascript:;">click</a>
</template>;
```
* 取得參數
```javascript=
export default {
  setup() {
    const getClick = (num, e) => {
      console.log(num);
      console.log(e);
    };
    return { getClick };
  },
};
```
![](https://i.imgur.com/C4jkH3A.png)
