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

event handle - modifier

by 바코94 2020. 7. 9.

인풋 태그에 텍스트를 입력하다가 enter 키가 눌렸을 때만 콘솔에 로그를 찍고 싶으면 어떻게 해야할까?

또 ctrl+ enter키가 눌렸을 때 콘솔에 로그를 찍으려면 어떻게 해야할까? 

 

방법은 두가지가 있다. 두 가지 모두 동일한 결과를 나타낸다.

첫 번째는 키가 입력 되었을 때 이벤트 핸들러를 호출하고 핸들러 함수 안에서 키의 값을 판별하여 로그를 찍는방법.

두 번쨰는 key modifier를 사용하는 방법.

 

다음의 코드가 그 예시이다.

 

 

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

@change, v-model+lazy,number,trim  (0) 2020.07.09
form & v-model, @input  (0) 2020.07.09
v-on 이벤트 핸들링 수식어  (0) 2020.07.09
v-on event handler 등록  (0) 2020.07.09
반응성 유지하면서 데이터 주입  (0) 2020.07.09