본문 바로가기
웹(web)/프론트엔드-vue

v-on event handler 등록

by 바코94 2020. 7. 9.

버튼을 클릭할 때 콘솔에 이벤트가 발생했음을 표시하려면 어떻게 해야할까?

 

v-on:click 과 같은 이벤트 사용을 위해 핸들러를 등록할 수 있다. 매우 간단하며 규칙은 다음과 같다.

v-on:이벤트이름 = "[이벤트핸들러 호출식;]+ "

 

이벤트핸들러 호출하는 수식을 여러개 적어도 된다. 세미콜론을 습관적으로 쓰는 것이 실수를 방지해줄 것이다.

또한 핸들러 등록시 $event를 써주면 핸들러에서 해당 이벤트를 사용할 수 있다. $event를 사용하기 위해서 인자 순서는 상관 없다.

 

'웹(web) > 프론트엔드-vue' 카테고리의 다른 글

event handle - modifier  (0) 2020.07.09
v-on 이벤트 핸들링 수식어  (0) 2020.07.09
반응성 유지하면서 데이터 주입  (0) 2020.07.09
v-for using object  (0) 2020.07.09
v-show vs v-if  (0) 2020.07.09