Q-input 에서 keyup 이벤트 2번 발생 막기

JaeKwon Jin·2023년 6월 28일

Quasar2

목록 보기
2/6
  • Vue3 + Quasar2 조합으로 작업시
<q-input ref="filter_ref" dense :label="$t('search')" debounce="1000" @keyup.enter="filterEnter" />
<q-input ref="filter_ref" dense :label="$t('search')" debounce="1000" @keydown.enter="filterEnter" />

이렇게 했을 kkeyup keydown 모두 때 filterEnter 이벤트가 2번 호출되는 문제가 있었다.

이럴 때는 아래와 같이 keypress 를 쓰면 해결된다.

<q-input ref="filter_ref" dense :label="$t('search')" debounce="1000" @keypress.enter="filterEnter" />
profile
중년개발자

0개의 댓글