[해결완료] 8. vue 새로고침 시 vuex store 초기화 문제 해결
문제
마이페이지에서 새로고침을 하면 Calendar component가 뜨지 않음
이유: 새로고침 시 mapState에 있던 정보가 초기화되기 때문이다
시도1
기존: 프로필 수정 후 저장을 누르는 순간 새로고침을 한다
시도: 새로고침을 하지 않고 props & emit으로 정보를 넘겨줌
문제: 마이페이지 내의 다른 페이지에 들어갔다 나오면 이전의 정보가 보여짐 (새로고침이 아닌 잠시 값만 바꿔줬기 때문)
시도2
저번에 시도하가 실패했던 vuex-persistedstate 사용하기!
- 설치하기
- store/index.js 수정
해당 사진과 같이 우선 vuex-persistedstate를 import해준다.
그 다음 plugins에 사용할 모듈을 담아준다!
특정 모듈의 store값을 미리 createPersistedState에 저장해줌으로써 문제를 해결할 수 있엇다.
이제 새로고침을 해도 정보가 날아가지 않는다!!
Author And Source
이 문제에 관하여([해결완료] 8. vue 새로고침 시 vuex store 초기화 문제 해결), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@sin5015243/해결완료-8.-vue-새로고침-시-vuex-store-초기화-문제-해결저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)