Vue로 생성된 DOM에 Events를 붙여야할 때
data 값이 변경되고 나서 .hover
, .click
과 같은 jQuery 이벤트를 붙여야할 때, DOM이 다시 그려진 완료 시점을 잡아야한다.
Vue에서 nextTick
메소드로 이 시점을 잡을 수 있다.
(ajax
로 데이터를 가져오지 않고 그려지는 DOM은 mounted
메소드 안에 붙힐 Event 로직을 짜면 된다.)
1 | new Vue({ |
인스턴스 메소드를 사용하고 싶지 않다면 Vue.nextTick
으로 바꿔주면 된다.