개발자

(vue) axios 요청 후에 인풋에 넣어둔 데이터 초기화 되는 문제??

2023년 06월 02일조회 117

vue에서 왜 axios 요청 후에 인풋에 넣어둔 데이터가 초기화 되는 걸까요..? axios는 새로고침 없이 데이터 주고받는 방식인데 인풋값에 넣은 걸 axios 서버단으로 보내면 데이터가 사라지네요.. 이걸 안사라지도록 할 순 없을까요? (인풋값 데이터를 v-model로 데이터와 연결했습니다. 그냥 v-model로 하지 말까 싶기도 하네요.......)

이 질문이 도움이 되었나요?
'추천해요' 버튼을 누르면 좋은 질문이 더 많은 사람에게 노출될 수 있어요. '보충이 필요해요' 버튼을 누르면 질문자에게 질문 내용 보충을 요청하는 알림이 가요.
profile picture
익명님의 질문

답변 2

최경훈님의 프로필 사진

코드가 잇으면 잘 파악이 될거같아요

엄홍재님의 프로필 사진

코드 첨부가 되어있지 않아서 원인을 파악하기는 어렵습니다. 하지만 해당 현상을 추측해보고 그에 맞는 해결책을 제시해 보겠습니다. ㅎㅎ 해당현상 추측 input 태그를 이용해서 data를 받고 버튼을 클릭해서 axios요청을 통해 해당 data들을 서버로 보내서 data를 처리한다. 이 때 input에 적혀있던 데이터들이 전부 없어져버린다. 해당현상은 input tag와 button tag를 form tag안에 넣고 button의 type을 submit으로 설정한 후 button을 누른게 아닌가 싶습니다. 해결 방안 button의 type을 제거하고 v-on:click을 써보면 어떨까요? vue를 한지 오래되어서.. 정확하지는 않지만 한번 시도해 보세요! 감사합니다

1
2
3
4
5
6
// before
<form v-on:submit="submitForm">
  <input id="username" type="text" v-model="username">
  <input id="password" type="text" v-model="username">
  <button type="submit">login</button>
</form>

지금 가입하면 모든 질문의 답변을 볼 수 있어요!

현직자들의 명쾌한 답변을 얻을 수 있어요.

또는

이미 회원이신가요?

목록으로
키워드로 질문 모아보기

실무, 커리어 고민이 있다면

새로운 질문 올리기

지금 가입하면 모든 질문의 답변을 볼 수 있어요!