他のスクリプトで値を動的に変更する入力時のv-model？

Question

Googleマップスクリプトからlatとlngを格納する2つの入力があります。ユーザーがマーカーの位置を変更した場合、これらの2つの入力はユーザーがペックしたlatとlngを取得するため、これら2つの入力の値を取得したいv-modelを試しましたが、実際には機能しませんでした。私は実際に何かを入力したり貼り付けたりすることによって、これらの入力の値を変更した場合にのみ、v-modelが起動されることに気付きました。 これらの入力の値を得る方法はありますか変更のような）私のVueのインスタンスに？

Answer 1

2つの変数を監視し、新しい値に値を割り当てる必要があります。

HTML：：

<div id="el"> 
    <form> 
    <input v-model="foo"> 
    <input v-model="bar"> 
    </form> 
    <p>{{ foo }}</p> 
    <p>{{ bar }}</p> 
</div> 

JS：

Answer 2

がプロパティを見て使用して変数を見る

new Vue({ 
    el: "#el", 
    data: { 
     foo: '', 
     bar: '' 
    }, 
    watch: { 
     foo: function(value) { 
     this.foo = value 
     }, 
     bar: function(value) { 
     this.bar = value 
     } 
    } 
});