[Vue.js] nextTick : 재렌더링이 완료될 때까지 기다린 후 실행하기

 

nextTick

데이터가 바뀌어서 재렌더링될 때, 바로 DOM 요소로 접근하려고 하면 해당 요소를 제대로 찾지 못한다.

이때 nextTick을 활용하면 재렌더링이 완료된 후에 코드를 실행하도록 처리할 수 있다.

 

// 변수 'var1'이 변경되었을 때 실행되는 코드
watch(var1, (newVal, oldVal) => {
    nextTick(() => {
        // 실행할 코드
    });
});