JQuery 이벤트를 통해 Vuejs 구성 요소를 조작하는 데이터 대상

JQuery는 자체 이벤트 시스템을 사용합니다.우리는 Vuejs로 jQuery가 보낸 이벤트를 포착할 수 없습니다. jQuery로 포착하고 프로세서에서 Vuejs를 호출해야 합니다.
다음은 코드입니다.
바인딩 이벤트의 루트 Vue 구성 요소에서 다음을 수행합니다.
mounted() {
    $("body").on("custom-event", this.methodForSettingDataObject);
},
beforeDestroy() {
    $("body").off("custom-event", this.methodForSettingDataObject);
}
이벤트 트리거
var event = jQuery.Event("custom-event");
event.foo = fooArray; 
event.bar = barArray;
$('body').trigger(event);
결론:
Vuejs에서 jQuery를 사용하는 것은 좋지 않은 방법으로 여겨지지만, 그것이 문제를 해결하기만 하면 틀림없다.

좋은 웹페이지 즐겨찾기