Обновить значение данных с помощью Vue из jQuery onChange

Question

Я использую bootstrap-date-picker с Vue.js 2. Bootstrap datepicker не обновляет model.

Но если я использую следующий сценарий, я не могу получить доступ к возможности для использования this

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

Модальные выглядит следующим образом:

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

Что будет лучшим решением для этого, как я не может получить vm.$data, и я не могу получить доступ к функции this.

Answer 1

Вы должны сохранить this внутри какой-либо другой var перед блоком onchange JS:

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