Erfolgsmeldung wird in Vue angezeigt, wenn Daten erfolgreich gespeichert wurden

Question

axios
            .Post(
              "/api/product/store",{
                   ID: this.id
               })
            .then((res) => {
              var Variante = "Gefahr";
              var icon = "XIcon";
              var message = "Thất bại";
              if (res.data.error == 0) {
                var Variante = "Erfolg";
                var icon = "ArrowDownCircleIcon";
                var message = res.data.message;
                window.location.reload();
              }
              this.$toast({
                Komponente: ToastificationContent,
                Requisiten: {
                  Titel: Nachricht,
                  Symbol: Symbol,
                  Variante: Variante,
                },
              });
            })
            .catch((error) => {
            });

Mein Problem ist: Die Seite wird nur geladen, wenn die Nachricht angezeigt wird. Wenn die Seite also neu geladen wird, geht die Nachricht verloren. Gibt es eine Möglichkeit, die vorherige Seite neu zu laden und dann die folgende Meldung anzuzeigen? Danke.

Answer 1

重新加载页面有什么意义呢？如果你想在用户界面上显示更新的数据，Vue会自动为你完成。所以你不需要这样做。

或者，如果页面重新加载对你来说是必须的，你可以将提示信息放在根页面，并从当前子页面调用它。在这种情况下，无论你是否重新加载页面，消息都会被显示出来。