에러

Vue3 v-model 한글 딜레이

pjh8838 2024. 12. 13. 17:59
반응형

v-model 사용하면 한글에서 딜레이돼서 한글자 늦게 표시가 된다

 

 

 

해결방안 => 

 

영어는 단어가 하나인데 한글은 자음 모음 3개 조합이라 입력시 딜레이가 걸리는 것처럼 보임

 

v-model로 입력 받으면 하나하나 입력 체크를 받음

v-model이 기본적으로 자바스크립트 input 이벤트와 동일한 기능

 

input 이벤트 대신 change 이벤트를 사용하면, 입력이 완료된 후에만 값이 업데이트되므로 한글 입력 시 딜레이 문제를 해결할 수 있을 듯 하다.

 

자료를 찾아보니 v-model.lazy로 하면 change이벤트가 반영된다

 

 

 

728x90
반응형