vue.js - Panier d'achat écrit en Laravel et vuejs, mise à jour de la quantité, utilisation de vue-resource pour envoyer un problème de requête ajax

Question

Panier écrit en Laravel et vuejs, mise à jour de la quantité, utilisation de vue-resource pour envoyer un problème de demande ajax

démo :
https://jsfiddle.net/LvL6pu3q/3/

Description de la démo :
Le contenu du tableau items[] du code vuejs est rempli avec quelques données pour faciliter la démonstration, mais est en fait lu à partir de la base de données.

Question :
L'effet à obtenir est le suivant : lorsqu'une valeur dans le menu déroulant est sélectionnée, une requête ajax (méthode d'envoi) sera déclenchée pour mettre à jour la quantité (num) du produit.

Mon idée est la suivante :
Pour envoyer deux informations : 1. Numéro de quantité ; 2. ID du produit
La méthode de mise à jour en arrière-plan reçoit les deux informations, trouve l'identifiant et met à jour le numéro.
Je sais comment écrire l'arrière-plan, mais comment obtenir le numéro et l'identifiant du code vuejs ? C'est juste que la méthode d'ajout dans la deuxième case rouge de l'image ci-dessous ne peut pas être résolue.

Remarque : La première méthode fillIn de la case rouge dans l'image ci-dessus, sélectionnez une valeur, et cette valeur sera renseignée dans le bouton.

Supplément :
Après réflexion un moment, la méthode fillIn doit être fusionnée avec la méthode send, et il n'est pas nécessaire de l'écrire séparément, d'accord ?

Narration : (Le temps a passé un moment...)

Eh bien, fusionnez simplement. Ca devrait être fait. Merci. Cette question a été fermée.

Answer 1

Vous devez définir cela sur chaque produit 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);