Vue dynamic component 새로고침 관련

Question

안녕하세요.Vue로 프로젝트 페이지를 만들고 있는데 뭔가 좀 이상해서 조언을 구하고자 질문을 올립니다. 메인 페이지에서 DB에서 리스트를 불러온 뒤,리스트 별로 key값을 가지고 dynamic component를 통해 해당 컴포넌트를 불러오도록 해주었습니다.추가, 삭제 이동 등 기능을 조작하는 메서드로 get, post, delete 모두 잘 동작 하는데요,이상하게 새로고침(F5) 버튼을 누르게 되면 dynamic component로 불러온 컴포넌트 영역이모두 undefined로 나타납니다.리스트 데이터가 제대로 불러오지 않은건가 살펴봐도 리스트는 모두 불러오는데요,

와 같은 방식도 써보고, globalMixin으로 빼둬서 그런건가 해서 다시 원래 메인 페이지로붙여넣기도 하고 했는데도 새로고침 버튼만 누르면 undefined로 떠서 도저히 방법을 못찾겠네요...코드는 회사 프로젝트라 올리지는 못하겠는데 어디를 봐야 할지 조언좀 부탁드려도 될까요?

에르딘트 · Accepted Answer

뷰는 SPA입니다새로고침하면 메모리에 들고 있던 값들이 다 사라지니유지하고 싶으면 로컬스토리지 같은데 넣어놨다가 불러오는 로직이 필요합니다. 근데 애초에 SPA는 새로고침 안하고 쓰는게 목적이니 새로고침 안하고 데이터만 교체하는 방법을 찾는게 바람직해 보입니다.

컾희 · Answer

에르딘트원인은 찾았습니다. 부트스트랩의 태그에 데이터를 담아서 리스트를 출력해 줬는데

태그로 다시 바꿔주니 새로고침 하면 출력이 다시 되더라구요... 지난주에 화면좀 얘쁘게 수정하라고 하셔서 추석 연휴 전에 엄청 바꿨다가 연휴 지나고 머리가 리셋됐나보네요...ㅋㅋ 근데 이런 경우는 또 처음이라 많이 당황스럽긴 했습니다.

Vue dynamic component 새로고침 관련

2개의 답변

Q&A 목록