Message de réussite affiché dans Vue lorsque les données sont enregistrées avec succès

Question

axios
            .poste(
              "/api/produit/magasin",{
                   identifiant : this.id
               })
            .then((res) => {
              var variante = "danger" ;
              var icône = "XIcon";
              var message = "Thất bại";
              si (res.data.error == 0) {
                var variante = "succès";
                var icon = "ArrowDownCircleIcon";
                var message = res.data.message;
                window.location.reload();
              }
              ça.$toast({
                composant : ToastificationContent,
                accessoires : {
                  titre : message,
                  icône : icône,
                  variante : variante,
                },
              });
            })
            .catch((erreur) => {
            });
Mon problème est le suivant : il charge la page uniquement lorsque le message est affiché, donc lorsque la page se recharge, elle perd le message. Existe-t-il un moyen de recharger la page précédente puis d'afficher le message suivant ? Merci. 
            

Answer 1

A quoi ça sert de recharger la page ? Si vous souhaitez afficher des données mises à jour sur l'interface utilisateur, Vue le fera automatiquement pour vous. Vous n'avez donc pas besoin de faire cela.

Alternativement, si le rechargement de la page est indispensable pour vous, vous pouvez placer l'info-bulle sur la page racine et l'appeler depuis la sous-page actuelle. Dans ce cas, le message s'affichera que vous rechargez ou non la page.