개발자
vue에서 왜 axios 요청 후에 인풋에 넣어둔 데이터가 초기화 되는 걸까요..? axios는 새로고침 없이 데이터 주고받는 방식인데 인풋값에 넣은 걸 axios 서버단으로 보내면 데이터가 사라지네요.. 이걸 안사라지도록 할 순 없을까요? (인풋값 데이터를 v-model로 데이터와 연결했습니다. 그냥 v-model로 하지 말까 싶기도 하네요.......)
답변 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>
지금 가입하면 모든 질문의 답변을 볼 수 있어요!
현직자들의 명쾌한 답변을 얻을 수 있어요.
이미 회원이신가요?
지금 가입하면 모든 질문의 답변을 볼 수 있어요!