データが正常に保存されると、Vue に成功メッセージが表示される

Question

axios
            。役職（
              「/api/product/store」、{
                   ID: this.id
               })
            .then((res) => {
              varvariant = "危険";
              var icon = "XIcon";
              var message = "Thất bại";
              if (res.data.error == 0) {
                var バリアント = "成功";
                var icon = "ArrowDownCircleIcon";
                var メッセージ = res.data.message;
                window.location.reload();
              }
              this.$トースト({
                コンポーネント: ToastificationContent、
                小道具: {
                  タイトル: メッセージ、
                  アイコン: アイコン、
                  バリアント: バリアント、
                }、
              });
            })
            .catch((エラー) => {
            });

私の問題は、メッセージが表示されるときにのみページが読み込まれるため、ページがリロードされるとメッセージが失われることです。前のページをリロードして次のメッセージを表示する方法はありますか?ありがとう。

Answer 1

ページをリロードする意味は何ですか?ユーザー インターフェイスに更新されたデータを表示したい場合は、Vue が自動的にそれを実行します。したがって、これを行う必要はありません。

ページの再読み込みが必要な場合は、ルート ページにプロンプ​​ト メッセージを配置し、現在のサブページから呼び出すこともできます。この場合、ページをリロードしてもメッセージは表示されません。