7.
點擊時，利用 $event 取得點擊事件及參數
- 父元件 App.vue
<script>
import EventBack from "@/components/EventBack.vue";
export default {
components: {
EventBack,
},
setup() {
const handleEventBack = (n, m, e) => {
console.log(n);
console.log(m);
console.log(e);
console.log(e.target);
};
return { handleEventBack };
},
};
</script>
<template>
<EventBack @click="handleEventBack(100, 'test', $event)" />
</template>
<style lang="scss">
</style>
<EventBack @click="handleEventBack(100, 'test', $event)" /> 利用$event可以取得點擊的所有事件- 前面可以接一堆參數，
$event一定要放在最後面
- 收到時，
$event 就有包含所有資訊
$event.target 就是點擊的實體本身
- 子元件：@/components/EventBack.vue
<script>
export default {
setup() {
},
};
</script>
<template>
<a href="javascript:;">點我</a>
</template>
<style></style>
6-1 transition + keyframes
