So fügen Sie mehrere Eingabewerte zum Speichern in Vue hinzu

Question

Versuchen Sie, einem Klick auf eine Eingabe einen Shop hinzuzufügen. Es würde mehrere Eingaben mit verschiedenen Teilen einer Objektinfo geben. Wie kann ich Eingabedaten von einer Methode erfassen?

In diesem Fall arbeite ich über ein Geschäft mit Paketen

<input label="Packet Name" v-model="packets.name" required><br> 
<input label="Packet Name" v-model="packets.folder" required><br> 
<button @click="addPacket">Add</button> 

Auf dem addPacket Aufruf, wie die Eingangsdaten erhalte ich?

Voll jsfiddle: https://jsfiddle.net/tga9sfcm/1/

Answer 1

• Ich habe zwei Daten Requisiten zum App: Name und Ordner.
• V-Modell-Bindung zu diesen zwei Requisiten geändert.
• Eine Aktion beim Klicken auf die Schaltfläche ausgelöst.

Hier ist ein funktionierendes fiddle

Beachten Sie auch, dass Sie Aktionen versenden und Mutationen begehen. Sie haben Ihre Aktion eine Mutation versenden lassen: store.dispatch('ADD_PACKET', packet)