Vuejs - jquery 플러그인을 초기화해야 하는 시기

Vuejs - jquery 플러그인을 초기화해야 하는 시기

초기화가 필요한 JQuery 플러그인이 몇 개 있는데, 일반적으로 이 작업은$(document).ready(function () { })그러나 vue 구성 요소 내에서 이 작업을 수행할 때는 이 작업이 작동하지 않는 것으로 나타남created이 일을 염두에 두고, 나는 이 일을 이용했다.this.$nextTick(function () { })아동 구성 요소에 도입된 요소로는 작동하지 않는 것 같아예를 들어, 나는 이렇게 한다.

created: function () {
  this.$nextTick(function () {
    window.materialadmin.AppOffcanvas.initialize()
  })
}

나는 아동 구성요소에 도입된 버튼이 있지만 위의 코드 첨부 온클릭 핸들러는 트리거되지 않는다.다음 작업을 수행할 경우:

setTimeout(function () {
    window.materialadmin.AppOffcanvas.initialize()
}, 1000)

그러면 나의 클릭 핸들러는 묶여서 일할 것이다.

어느 시점에서 내가 의존할 필요가 없도록 이벤트를 바인딩하는 것이 올바른 시점인가?setTimeout어느것이 상투적인가?

마운트되거나 업데이트된 Lifecycle-Hooks는 el이 새로 생성된 vm으로 교체되는 곳에서 인스턴스가 방금 마운트된 후 호출되므로 문제를 해결하십시오.데이터 변경으로 인해 가상 DOM이 다시 렌더링되고 패치가 적용된 후 $el과 update가 호출된다.

참조URL: https://stackoverflow.com/questions/41317053/vuejs-when-should-jquery-plugins-be-initialised