データ値をjQueryのVueで更新するonChange

Question

私はVue.jsでブートストラップ日付ピッカーを使用しています。2.ブートストラップdatepickerはmodelを更新しません。

しかし、私は次のスクリプトを使用している場合、私はthis

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

モーダルには、以下の通りである使用するスコープにアクセスすることはできません。

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

をIとして、このための最善の解決策になります何をvm.$dataが機能しないため、機能内でthisにアクセスできません。

Answer 1

あなたはonchange JSブロックの前にいくつかの他のvar内thisを保存する必要があります。

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