v-model이 jQuery 트리거 이벤트의 변경 사항을 감지하지 못함

v-model이 jQuery 트리거 이벤트의 변경 사항을 감지하지 못함

Vue.js에서는 jQuery Tempus Domainus 데이트 피커를 사용하고 있습니다.

<input type="text"
       class="form-control datetimepicker-input"
       id="confirmedDueDate"
       data-target="#confirmedDueDate"
       @focus="openDatetimePicker($event)"  //to show the datetimepicker
       @blur="closeDateTimePicker($event)"  //to close it
       v-model="taskSettings.confirmedDueDate"
       />

다음과 같은 문제에 직면해 있습니다.v-model에 의해 이루어진 변경을 검출할 수 없다.datetimepicker.

다음을 사용하여 피커를 닫을 때 이벤트를 트리거할 수 있다고 생각했습니다.

$('#confirmedDueDate').trigger('change');
//or
$('#confirmedDueDate').trigger('input');

이거로는 안 돼요.

이러한 경우에 대해 알려진 해결 방법이 있습니까?

명령어

$('#confirmedDueDate').trigger('input');

기본 DOM 이벤트만 알고 있으므로 Vue가 인식할 수 없는 개체를 트리거합니다.

다음을 사용하여 Vue가 응답하는 이벤트를 "수동으로" 트리거할 수 있습니다.

$('#confirmedDueDate')[0].dispatchEvent(new CustomEvent('input'));

그리고 Vue는 그것을 평범한 원주민으로 인식할 것이다.input이브넷

언급URL : https://stackoverflow.com/questions/49260887/v-model-wont-detect-changes-made-by-jquery-trigger-event