jQuery onChange에서 Vue를 사용하여 데이터 값 업데이트

jQuery onChange에서 Vue를 사용하여 데이터 값 업데이트

Vue.js 2.에서 bootstrap-date-picker를 사용하고 있습니다.bootstrap date-picker는 모델을 갱신하지 않습니다.

그러나 다음 스크립트를 사용하면 사용할 범위에 액세스할 수 없습니다.this

loadFormProps() {
// init other stuff
$('#founding_date').change(function() {
  this.founding_date = $(this).val();
});
}

모달은 다음과 같습니다.

data() {
  return {
    founding_date: '01 - 01 - 2017',
  }
};

이 문제를 해결할 수 있는 최선의 방법은 무엇일까요?vm.$data동작하고 있어 액세스 할 수 없습니다.this기능 내에 있습니다.

저장해야 합니다.this다른 사람의 내면에var이 되기 전에onchangeJS 블록:

loadFormProps() {
// init other stuff
var that = this  
$('#founding_date').change(function() {
  that.founding_date = $(this).val();
});
}

언급URL : https://stackoverflow.com/questions/41804708/update-data-value-with-vue-from-jquery-onchange