[Vue] 이벤트 핸들링 - 키 수식어


[Vue] 이벤트 핸들링 - 키 수식어

이번 예제는 키와 관련된 이벤트들이다. input 태그에 텍스트를 입력하고 엔터를 쳤을 때 done! 이라는 메시지를 띄우고 싶다고 가정하자. 만약 우리가 key 수식어를 모른다고 하면 아래와 같은 방법을 사용할 것이다. <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Vue test</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> </head> <body> <div id="app"> <input type="text" @keydown="keydownHandler"> </div> <script> con...


#chaning #체이닝 #중복 #자바스크립트 #수식어 #뷰 #vuejs #vue #key #javascript #enter #키

원문링크 : [Vue] 이벤트 핸들링 - 키 수식어