인풋 태그에 텍스트를 입력하다가 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 |