웹(web)/프론트엔드-vue

event handle - modifier

바코94 2020. 7. 9. 13:36

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

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

 

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

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

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

 

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