vue3.0 input @keyup.enter 왜 두 번실행되지??

값기·2023년 9월 20일
0

Vue3.0

목록 보기
2/2

@keyup => @keypress로 변경하면 해결됨

검색을 하기 전까지는 그저 나의 코드의 문제인 줄 알았다.
@keyup.enter와 같은 함수를 호출하는 검색 버튼의 @click 함수와 다르게 이름을 명시하여 실행도 해보기도 했지만.
결과는 동일하게 2번 반복 실행이 되었다.

아래 블로그를 통해서
@keyup => @keypress로 변경하면 해결이 된다는 것을 알게 되었다.

이걸로 브라우저 업데이트확인도하고,
코드도 리펙토링하고, 함수나 변수 이름 정정하고,
두루두루 좋은 경험은 아니지만 코드리뷰의 기회로 삼을 수 있었다.

[vue.js] v-on:keyup.enter의 함수가 두번 호출되는 문제 해결법.

0개의 댓글