-
vue 에서 form 새로고침 막는법Frontend 2021. 1. 24. 12:37반응형
vue 에서 아래와 같이 form 형식으로 전송을 하게 되면 새로고침이 발생하여 초기화 되는 경우가 있다.
<form @submit="onSubmit"> <button type="submit">Login</button> </form>
이때 새로 고침을 방지하고 싶다면 이벤트를 막아주면 된다.
간단하게 아래와 같이 submit.prevent 를 사용한다.
<form @submit.prevent="onSubmit"> <button type="submit">Login</button> </form>
반응형'Frontend' 카테고리의 다른 글
vue class binding 여러개 하는 법 (0) 2021.01.29 npm install 과 npm install --save 차이 (0) 2021.01.26 export default 와 export 변수명 차이점 (0) 2021.01.23 submit 버튼 새로고침 없이 form 전송하는법 (0) 2021.01.21 nuxt-link 에서 line 지우는 법 (0) 2020.06.07