프론트엔드 개발

vue - input enter시 함수를 2번 호출하는 에러 수정 본문

Front-End/Error 해결

vue - input enter시 함수를 2번 호출하는 에러 수정

태나미 2022. 8. 15. 02:13

아래와 같이 enter를 눌렀을 경우 함수가 2번 호출되는 문제가 있었는데 해결한 경험을 공유하겠습니다

<template>
  <input
    type="text"
    @keyup.enter="handler"
  />
</template>

간단하게 keyup => keypress로만 수정하면 됩니다

<template>
  <input
    type="text"
    @keypress.enter="handler"
  />
</template>

수정이 완료되었다면 네트워크 탭에서 맞게 호출하고 있는지 확인해보세요

Comments