Vue v-if 렌더링 질문

Question

질문하려는 코드 핵심만 요약해보자면 아래와 같은데

0">자료가 있습니다.

자료가 없습니다.

위 상황에서 getCount라는 메서드가 비동기다 보니 getCount가 실행되는 와중에 count == 0이 true가 되서아래 div가 먼저 렌더링 되었다가 후에 count값이 생기면 위에 div가 렌더링 되는 상황인데어떤 식으로 해야 아래 div가 먼저 렌더링 되는걸 막을 수 있을까요?

잣댐스키 · Accepted Answer

다른 방법도 있겠지만 저는 보통 count: -1 로 초기 선언해서

0"> 자료가 있습니다.

자료가 없습니다.

자료를 조회하고 있습니다.

v-else에 걸리도록 처리할거 같네요. v-else div 태그에 css 처리해서 로딩중 처리로 해도 될 것 같습니다.

-ChatGPT- · Answer

뷰 라이프 사이클을 한번 보고 오시는게 좋을거 같습니다

daywalker · Answer

computed

Vue v-if 렌더링 질문

3개의 답변

Q&A 목록