Détails du produit Pour ce modal 1, ce sera Dans mon composant, j'ai trois modaux contextuels avec un contenu différent. En cliquant sur un bouton spécifique, je dois ouvrir la fenêtre contextuelle correspondante. C'est ce que je fais Pour le bouton 1 - Pour ce modal 1 sera Voici une méthode de clic sur un bouton. Cliquez sur les événements pour plusieurs boîtes modales différentes comme celle-ci. Alors, comment puis-je utiliser une instruction switch case pour éviter de répéter le code de la boîte modale plusieurs fois et simplement modifier le composant de contenu interne ? Toutes les suggestions seront utiles. méthodes : { onClickProdOpen() { this.isShowPopup1 = vrai ; this.popupOpenDefaultTab = 0 ; } }
Une option consiste à mettre l'état de chaque modal dans un objet. De cette façon, vous n'avez pas besoin d'ajouter un attribut de données à chaque modal.
Si le contenu à l'intérieur du modal est suffisamment similaire, vous pouvez utiliser v-for, en utilisant l'index comme clé de la même manière.
https://codepen.io/timfranklin/pen/abWEwLy?editors=1111