Vue: Formularwertbindung wird nicht schnell genug aktualisiert

Angenommen, ich habe eine einfache Komponente mit nichts als einer mounted Methode, die Folgendes tut:

this.myValue = 'a value'

$(this.$el).parent('form').submit()

Mein Komponenten-HTML sieht so aus:

<form action="http://…">
    <input type="text" :value="myValue">
</form>

Wie Sie sehen, verwende ich jQuery zum Senden des Formulars. Wenn sowohl das Zuweisen des Werts als auch das Senden des Formulars in derselben Funktion erfolgen, werden __leere Daten gesendet__. Ich kann dies umgehen, indem ich ein Timeout ohne Verzögerung verwende, aber das ist natürlich nicht ideal.

setTimeout(() => {
    $(this.$el).parent('form').submit()
})

Dies passiert auch, wenn es sich nicht in der gemounteten Methode befindet, sondern beispielsweise on blur out , hat also nichts mit Seitenladen oder Verzögerungen zu tun. Das gleiche gilt für :value Vergleich zu v-model .

Ich weiß nicht viel über die Interna von Vue oder JS, aber ich vermute, es liegt daran, dass es die Werte noch nicht zuweisen konnte. Bei Verwendung eines Timeouts erfolgt die Übermittlung beim nächsten Tick.