使用 Vue 从 jQuery onChange 更新数据值

Question

我正在使用 bootstrap-date-picker 和 Vue.js 2。Bootstrap datepicker 不更新。

但是如果我使用下面的脚本，我无法访问范围以使用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

您必须在 onchange JS 块之前将 this 保存在其他 var 中：

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

Update data value with Vue from jQuery onChange