成功保存資料時，在Vue中顯示的成功訊息

Question

axios
            .post(
              "/api/product/store",{
                   id: this.id
               })
            .then((res) => {
              var variant = "danger";
              var icon = "XIcon";
              var message = "Thất bại";
              if (res.data.error == 0) {
                var variant = "success";
                var icon = "ArrowDownCircleIcon";
                var message = res.data.message;
                window.location.reload();
              }
              this.$toast({
                component: ToastificationContent,
                props: {
                  title: message,
                  icon: icon,
                  variant: variant,
                },
              });
            })
            .catch((error) => {
            });

我的問題是：當訊息顯示時，它只會載入頁面，因此當頁面重新載入時，它會遺失訊息。有沒有辦法重新載入上一頁，然後顯示以下訊息？謝謝。

Answer 1

重新載入頁面有什麼意義呢？如果你想在使用者介面上顯示更新的數據，Vue會自動為你完成。所以你不需要這樣做。

或者，如果頁面重新載入對你來說是必須的，你可以將提示訊息放在根頁面，並從目前子頁面呼叫它。在這種情況下，無論你是否重新載入頁面，訊息都會被顯示出來。