[Vue.js] 이벤트 처리 Event Handling

이벤트 처리(Event Handling)

Event Handling — Vue.js

v-on:이벤트="..."

@이벤트="..."

• " " 안에는 실행문|핸들러|핸들러(arg1, ..., $event) 처리 가능

 

이벤트 수식어

• @submit.prevent : form 태그의 기본 submit 기능 취소
  • 자바스크립트의 event.preventDefault() 효과와 동일
• @click.prevent : a 태그의 기본 이동 기능 취소
• @click.ctrl : Ctrl + Click  할 경우 
• @keyup.enter : Enter 를 눌렀다 뗄 경우
• @keyup.alt.67 : Alt + C 를 눌렀다 뗄 경우