vuejs 사용중인데 페이지 뒤로가기시 문제가 있습니다.

Question

vuejs로 spa를 만든건 아니고개별 페이지에 cdn으로 스크립트 붙여서 사용중입니다.기존 프로젝트가 jsp로 되어 있는데 vuejs로 화면 컨트롤 하니까 되게 편하더라구요.문제는 select 와 input에서 생겼는데v-model로 바인딩된 select와 input에 값 변동이 생긴 상태에서 다른 페이지로 넘어가고다시 되돌아오면mounted가 완전히 끝난 후에 기존 select, input 선택/입력 값이 들어가는 현상이 발생합니다.단순히 이러면 문제가 아닐텐데 v-model 바인딩은 안 된 상태에서 dom만 바뀌어 있어요.response header에 Cache-Control no-store, no-cache, must-revalidate 를 추가해도항상 저 문제가 생기더라구요.그래서 이렇게 뒤로가기로 페이지 접근 했을 때는 reload하도록 처리를 했습니다.되게 안 좋은 처리라 생각하지만 올바른 방법을 찾지 못 했네요.vuejs 사용하면서 이런 경우가 있을 것 같은데 어떻게 대처하시는지 궁금합니다.

kenu · Answer

Vue.js 가 추천하는 방법은 SPA입니다. MPA에서 Vue.js는 기대하는 대로 동작하지 않을 가능성이 큽니다. MPA는 기본적으로 history를 저장하기 때문이죠.현재로서는 지금 처리하신 방법이 최선이라고 생각됩니다.

vuejs 사용중인데 페이지 뒤로가기시 문제가 있습니다.

1개의 답변

#script 목록