vue.js – Warenkorb in Laravel und VueJS geschrieben, Menge aktualisieren, Vue-Ressource zum Senden einer Ajax-Anfrage verwenden. Problem

Question

Warenkorb in Laravel und VueJS geschrieben, Menge aktualisieren, Vue-Ressource zum Senden eines Ajax-Anfrageproblems verwenden

Demo:
https://jsfiddle.net/LvL6pu3q/3/

Demo-Beschreibung:
Der Inhalt des items[]-Arrays des vuejs-Codes ist zur Vereinfachung der Demonstration mit einigen Daten gefüllt, wird aber tatsächlich aus der Datenbank gelesen.

Frage:
Der zu erzielende Effekt ist: Wenn ein Wert im Dropdown-Menü ausgewählt wird, wird eine Ajax-Anfrage (Sendemethode) ausgelöst, um die Menge (num) des Produkts zu aktualisieren.

Meine Idee ist:
Zwei Informationen zu senden: 1. Mengennummer; 2. Produkt-ID
Die Hintergrundaktualisierungsmethode empfängt die beiden Informationen, findet die ID und aktualisiert die Nummer.
Ich weiß, wie man den Hintergrund schreibt, aber wie bekomme ich Nummer und ID aus dem VueJS-Code? Es ist nur so, dass die Append-Methode im zweiten roten Feld im Bild unten nicht gelöst werden kann.

Bemerkungen: Wählen Sie bei der ersten FillIn-Methode für rote Kästchen im obigen Bild einen Wert aus, und dieser Wert wird in die Schaltfläche eingefügt.

Ergänzung:
Nachdem ich eine Weile darüber nachgedacht habe, sollte die FillIn-Methode mit der Sendemethode zusammengeführt werden, und es besteht keine Notwendigkeit, sie separat zu schreiben, okay?

Erzählung: (Eine Weile verging die Zeit...)

Nun, einfach zusammenführen. Es sollte getan werden. Danke. Diese Frage wurde geschlossen.

Answer 1

这个你应该在每个商品上面设置 selected

var goods_id = [];
for (var i = 0, length = this.items.length; i < length; i++) {
    if(this.items[i].selected) {
         goods_id.push(this.items[i].id);   
    }
}

formData.append('goods_id[]', goods_id);