vuex 데이터바인딩 질문

[최재문]

근데 이런 형태의 JSON 데이터인데요
$store.state.sortedByCity.korea  라고 바인딩하면 새로고침해도 오브젝트형태 자료가 잘 바인딩 되는데
$store.state.sortedByCity.korea.newCase 라고 바인딩하면 2,145가 나오지 않고 아까처럼 in promise 에러가 뜹니다
$store.state.sortedByCity.korea.newCase 가 제대로 바인딩되게 하려면 newCase 라는 state를 만들어서 따로 관리해야하나요?

[최재문]

korea 만 바인딩하면 요렇게 잘 되구요 새로고침해도 이상 없습니다.

그리고 korea.newCase 라고 바인딩하면 리렌더링할 때 잘 바인딩 되긴 하는데
새로고침하면 아까랑 똑같이 in promise 에러가 뜹니다

[최재문]

따로 sortedByKorea 라고 오브젝트 자료형을 state에 저장하니까 잘 되긴 하는데
과정이 귀찮아서 전체데이터를 sortedByCity 라는 state로 관리하고싶은데 방법이 없을까용

[codingapple]

그건 v-if 문제 아닐까요 아까 만들었던 v-if=""도 $store.state.sortedByCity.korea.newCase 있는지로 고쳐봅시다

[최재문]

v-if 지금 안쓰고 있습니다

[최재문]

<div class="text-h5 text-weight-thin" v-if="$store.state.sortedByCity.korea !== undefined">전체 완치자 : {{ $store.state.sortedByCity.korea.recovered }}명</div>

이런식으로 하니까 되긴 하는데.
왜 되는지도 모르겠고 개념을 정립하기가 쉽지가 않네요

if가 있든 없든 $store.state.sortedByCity.korea 는 제대로 나오는데
왜 korea.데이터  이렇게 꺼내서 쓸때에는 if가 필요한지 모르겠습니다

[codingapple]

맨 처음에 짚으신 대로 ajax 요청이 아직 완료되지 않을 때

$store.state.sortedByCity.korea.recovered 이게 비어있어서 에러가 나는 것일 뿐입니다

"ajax로 뭔가 가져왔을 때 html을 보여달라"고 v-if를 써서 잘동작하는 것입니다 

[최재문]

캄사함니다 싸좡님 정말 캄사함니다

[글쓴이]

글