<script>
export default {
methods: {
onKeyupHandler() {
console.log('Enter!');
},
},
}
</script>
<template>
<input type="text" @keyup.enter="onKeyupHandler" />
</template>
키보드 이벤트를 Enter 키를 입력했을 때로만 제한할 수 있어서 코드가 훨씬 간단해집니다.
뷰에서는 사용할 수 있는 수식어의 기능에 따라 이벤트 수식어, 키보드 입력 키 수식어, 시스템 입력 키 수식어, 특별 수식어, 마우스 버튼 수식어로 구분합니다.