vuejs 의 훜 사이클 관련? 질문...

순서대로 가지 않는 뷰때문에 힘들어 하고 있읍니다...
도와주십셔 ㅠㅠ;;

1. 채팅방 리스트가 있고, 채팅방이 있습니다.

2. 채팅방 리스트에서 채팅방으로 이동할 때에는 채팅ID가 아니라, store 에 저장된 chatList 를 통해 이동합니다. (채팅방 리스트 자체가 v-for chatInfo in chatList 로 만들어져서, chatInfo 를 가져감)

3. 보통은 채팅방 리스트 -> 채팅방 순으로 액세스 하지만, 바로 채팅방으로 액세스 하는 경우가 있어 그걸 만들려고 합니다.

4. 바로 액세스 하는 경우, 과거의 채팅 내역을 가져오기 위해 axios 로 api를 부르게 되는데요... 만약 채팅방 자체가 db에 없다면 이 타이밍에 채팅방을 만들어줍니다.

5. axios를 통해 채팅방이 만들어졌고, then 에서 store의 getChatList를 dispatch 하여 스토어 내부를 업데이트 해줍니다.

6. 이제 이 업데이트 된 스토어의 chatList 를 가지고 router.push 로 채팅방으로 보내려고 했는데요, 이게 업데이트의 타이밍이 항상 선푸쉬 후업뎃이 되더라구요...

하여 질문입니다.

axios.then 에서 스토어를 업뎃하고나서 그 업데이트 된 변수를 활용하기 위해서는 어떻게 해야 하나여 ㅠㅠ;;

vuex의 mapState로 가져와서 watch로 상태를 지켜봐도
일단 axios 가 들어있는 메소드가 끝나고 나서 업데이트가 되더라구요..........

잡담 | 2660명이 읽었어요. 18.224.73.125

비공개 손님 … 2020-06-04 13:59:46

mounted 에서 처음 진입 시 세팅 다 해주고 updated 에서 한번 사용해보세요

비공개 손님 … 2020-06-04 14:12:45

뭘 어떻게 해도 store 를 가장 마지막에 지나가길래 (마운트로 박아놔도 돌거 다 돌고 마지막에 스토어 업뎃함)

그냥 store dispatch 내부 내용 복사해서 메소드에 axios 새로 달아서 사용했습니다 (병신)

비공개 손님 … 2020-06-05 00:50:24

store 메소드들이 async 인거 아닐까여?

비공개 손님 … 2020-06-05 08:34:08

제가 async 사용법을 잘 몰라서 안썼었는데 (병신)
어제 저거 해결하는 과정에서 사용법을 알게되었읍니다 헤헤

댓글을 작성하실 수 없습니다.
(권한이 없는 회원레벨)

목록으로

△ 이전글: 모든 분들에게 질문 드립니다 [11]

▽ 다음글: 혹시 페이스북 SNS 로그인 해보신분 계시나요? [6]

TOP arrow_upward