Obtenir Index d'un élément ajouté pour le supprimer d'un objet de type Array?

Bonjour à tous,
Je suis nouveau sur ce forum et débutant en Vue.js.
J’ai suivi un tuto sympa pour la création d’une petite appli Vue.js.
J’ai ajouté 2-3 petites modifications ( peut-être pas dans les règles de l’art mais qui fonctionnent comme je le souhaite).
Néanmoins, je bloque sur un dernier point : je souhaite supprimer un produit commandé lorsque je clique sur le bouton “supprimé” avec la même logique que lorsque je clique sur “commander !” ( avec fonction this.commandes.push(produit). Mais j’ai essayé avec un reduce et ça ne fonctionne pas…
Déjà obtenir l’index de l’élément en question, ajouté à la commande, m’aiderait fortement. Mais je n’y arrive pas non plus…
Voici mon code :
JsFiddle Tuto
A mon faible niveau, je serai quand même le plus heureux si je pouvais obtenir cette fonction de suppression car ensuite je pourrais peut-être associer avec du php ( que je maîtrise un peu mieux ) pour un historique des cdes…
Merci d’avance pour votre aide !

Cela se fait en 2 étapes avec indexOf et splice

Fork de ton code avec le “supprimer” : https://jsfiddle.net/xhb8w2p4/1/
(@click est le raccourci de v-on:click)(et :nom de v-bind:nom)

1 Like

Merci mille fois matxx !
Tu es au top ! C’est super sympa de partager ton savoir. C’est tout à fait ce que je voulais. Je suis trop content ! Ça m’encourage énormément à étudier dur Vue.js. Gros respect et bien à toi.