vue.js 리스트를 초기화했는데도 변화가 없어요

Question

안녕하세요 선배님들vue.js 환경에서 아래 같은 태그가 있는데요

0"> ...

아래 debugger 시점에서 멈추면저 div가 사라질 줄 알았는데 안 사라지더라고요지금 예시를 든 것이라 실제 로직은 다르지만특별히 문제될만한 로직은 없는데 왜 안 사라질까요..function test() { this.list = []; debugger; // 멈춤 getList(); }this.list = null; 로하고v-if 을 not null로 해도 안됩니다

leteu · Accepted Answer

nextTick(() &#61;> { getList() })해주시면 됩니다.

팩트폭행범 · Answer

.size

redeye0922 · Answer

v-show로 바꿔보심은 어떨까요?이미 list가 랜더링되어있는 상태일거라 생각되는데단순하게 보여주고 안보여주고는 v-show로 처리 가능하지 싶네요

하얀뼈 · Answer

vue나 react는 state 업데이트를 한다고 해서 DOM 업데이트가 동기적으로 일어나지 않습니다.그러니깐 저 코드 바로 밑에 debugger; 를 적어놓으면 안바뀌는게 정상이에요.vue에서는 watch에서 debugger 걸어놔야 보일껄요

vue.js 리스트를 초기화했는데도 변화가 없어요

4개의 답변

Q&A 목록