Vue JS Router: リダイレクト時にページをリロードする

Question

Login.vue ファイルと Home.vue ファイルを含むアプリケーションがあります。管理用 HTML Web サイトを vue 3 アプリケーションに変換しているため、JavaScript はページのリロードでのみ機能します。アプリケーションを作成するときに、SPA 用のルーターを追加することにしましたが、そうすべきではなかったかもしれません。これまでのところ、リロードせずにログインからホームページにリダイレクトする場合を除いて、ビューは機能しています。リロードされないため、ナビゲーション バーや JS に依存する機能は機能しません。ページのリロードを介してログインからホームページにリダイレクトするにはどうすればよいですか?現在、次のコードがありますが、まだ機能しません。

リーリー

Answer 1

Vue Router は、新しい URL に移動するときにページをリロードしません。

問題に対してこのコードを試してみてください:

リーリー ＃＃＃お役に立てれば＃＃＃

Answer 2

空のパラメータを指定して this.$router.go() を使用すると、ページをリロードできます。 this.$router.push({ path: '/admin/home' }) と組み合わせると、通常の JS 機能を使用せずにこれを実現できます。

リーリー

$router.push() の後に .then を使用する方法に注目してください。 then がないと、ページのリロードが速すぎて、ルートを変更する時間がなくなります。

ボーナスとして、$router.push のすべての機能を使用できるようになります (例: { name: 'home' } などのパラメーターを使用します。