https://v3.ko.vuejs.org/guide/events.html#이벤트-수식어
// preventDefault
// 기본 동작을 방지한다. html 에서 기본적으로 동작하는 프로세스를
// preventDefault 를 활용해서 동작하지 않게 할 수 있다.
<template>
<a
href="<https://naver.com>"
target="_blank"
@click="handler">
NAVER</a>
</template>
<script>
export default {
methods: {
handler(event) {
event.preventDefault()
console.log('ABC');
}
}
}
</script>
// 또는
<template>
<a
href="<https://naver.com>"
target="_blank"
@click.prevent="handler">
NAVER</a>
</template>
// once
// 이벤트가 발생 했을 때 해당하는 메소드를 한번만 실행 시킨다.
<template>
<a
href="<https://naver.com>"
target="_blank"
@click.once="handler">
NAVER</a>
</template>