vue.js のポップアップ ダイアログにルートを割り当てることができません

Question

vue.js のダイアログ コンポーネントを使用して作成したカスタム ポップアップにルートを割り当てようとしていますが、機能させるのに少し問題があります。かなり失敗してしまったので、どうすればこれを機能させることができるのか正直困惑しています。これは私のルート ファイルです:

ルート: [
    {
      パス: "/"、
      名前：「着陸」、
      コンポーネント: LandingView、
      子供たち： [
        {
          パス: "/register"、
          コンポーネント: 登録フォーム、
        }、
      ]、
    },

ログイン ページがあり、そのログイン ページ内で、次のように作成したカスタム ダイアログ コンポーネント内に含まれる RegistrationForm コンポーネントを使用しています。

<="body"> にテレポートします。
      <dialog-modal v-if="isOpenRegister" @close="isOpenRegister = false">
        <登録フォーム
          @open-login="(isOpenRegister = false), (isOpenLogin = true)"
          @close-dialog=「isOpenRegister = false」
        />
      </dialog-modal>
    </テレポート>

ユーザーがポップアップをクリックしたときにのみルートをポップアップに割り当てたいと考えています。したがって、ユーザーが登録ボタンをクリックしてポップアップがアクティブになったとき、ルートがない http://localhost:5173 ではなく、http://localhost:5173/register になるようにします。わかりにくい質問でしたら申し訳ありませんが、頑張って説明してください。よろしくお願いします。

Answer 1

いくつかのメソッド内でリダイレクトを処理する必要があります。例:

リーリー