vue.jsは、私は、フォーム</p> <p>HTMLを持っているモデルバインド

Question

の新しい値を取得していないフォーム送信します1

フォーム提出前に値が変更されている可能性があります

Answer 1

Vueインスタンスのメソッドでデータプロパティの値を設定すると、v-modelでバインドされた要素は、メソッドが完了するまで更新されません。

フォームにアクセスして送信すると、バインドされた入力が新しい値myValueで更新されませんでした。

これを回避するには、経由で各Vueインスタンスで利用可能なVue.nextTickメソッドを使用できます。このメソッドを使用すると、Vueインスタンスのテンプレートの更新が完了した後にコールバックを渡して実行することができます。あなたのケースでは

、あなたはこれを行うことができます：あなたは、コードで指定した値が代わりに使用されますので、

Send: function() { 
    this.myValue = 2; 
    this.$nextTick(() => { 
    this.$refs.myForm.submit(); 
    }); 
}