[해결완료] 8. vue 새로고침 시 vuex store 초기화 문제 해결

문제

마이페이지에서 새로고침을 하면 Calendar component가 뜨지 않음
이유: 새로고침 시 mapState에 있던 정보가 초기화되기 때문이다

시도1

기존: 프로필 수정 후 저장을 누르는 순간 새로고침을 한다

시도: 새로고침을 하지 않고 props & emit으로 정보를 넘겨줌

문제: 마이페이지 내의 다른 페이지에 들어갔다 나오면 이전의 정보가 보여짐 (새로고침이 아닌 잠시 값만 바꿔줬기 때문)

시도2

저번에 시도하가 실패했던 vuex-persistedstate 사용하기!

  1. 설치하기
  1. store/index.js 수정


    해당 사진과 같이 우선 vuex-persistedstate를 import해준다.
    그 다음 plugins에 사용할 모듈을 담아준다!

특정 모듈의 store값을 미리 createPersistedState에 저장해줌으로써 문제를 해결할 수 있엇다.
이제 새로고침을 해도 정보가 날아가지 않는다!!

좋은 웹페이지 즐겨찾기