티스토리 뷰

Working log

20190522001 - vuejs keyup이벤트 문자 짤림

까오기 까오기 2019. 5. 22. 08:46

증상 

input에 검색어를 "구글"이라고 입력을 하면 "구"라는 문자만 전달이 되고 마지막 문자가 짤리는 현상이 있습니다. 

VueJs에서는 이런 경우 input 이벤트를 이용하라고 권고합니다. 

 

For languages that require an IME (Chinese, Japanese, Korean etc.), you’ll notice that v-model doesn’t get updated during IME composition. If you want to cater for these updates as well, use input event instead.

 

https://vuejs.org/v2/guide/forms.html#vmodel-ime-tip

 

수정 전 소스 

<input class="form-control" type="text" name="brandNm" v-model="filter.brandNm" placeholder="브랜드명 검색" @keyup="search()">

수정 후 소스 

<input class="form-control" type="text" name="brandNm" @input="filter.brandNm=$event.target.value" placeholder="브랜드명 검색" @keyUp="search()">

 

댓글
댓글쓰기 폼