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.
閉關(guān)修行中......
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);