본문 바로가기

$nextTick()1

$nextTick() Vue DOM 조작 시 주의해야 할 점 Vue.js에서 data 가 업데이트되고 난 직후 UI가 갱신될 때 Vue가 DOM을 찾지 못하는 경우가 발생하기도 한다. DOM의 변경사항을 비동기적으로 업데이트하기 때문이다. 예를 들어, created 훅에서 DOM을 조작하려고 할 때는 아직 DOM 생성이 되기 전이므로 태그를 찾지 못하게 된다. created는 인스턴스가 작성된 후 동기적으로 호출되며 mounted보다 먼저 호출되기 때문에 가상돔을 조작할 수는 없다. mounted는 el에 인스턴스가 마운트된 직후 호출되어 가상돔 조작이 가능하다. created: function() { var dom = document.getElementById('item1'); dom.style.backgroundColor.. 2022. 4. 18.

이전 1 다음

티스토리툴바