순서대로 가지 않는 뷰때문에 힘들어 하고 있읍니다...
도와주십셔 ㅠㅠ;;
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 가 들어있는 메소드가 끝나고 나서 업데이트가 되더라구요..........
