vue.js의 팝업 대화 상자에 경로를 할당할 수 없습니다.

Question

vue.js의 대화 상자 구성 요소를 사용하여 만든 사용자 정의 팝업에 경로를 할당하려고 하는데 작동하는 데 문제가 있습니다. 나는 많은 것을 엉망으로 만들었고 이 일을 어떻게 해야 할지 솔직히 혼란스럽습니다. 이것은 내 경로 파일입니다:

경로: [
    {
      경로: "/",
      이름: "착륙",
      구성 요소: LandingView,
      어린이들: [
        {
          경로: "/등록",
          구성 요소: 등록 양식,
        },
      ],
    },

로그인 페이지가 있고 해당 로그인 페이지 내에서 다음과 같이 만든 사용자 정의 대화 상자 구성 요소에 포함된 RegistrationForm 구성 요소를 사용하고 있습니다.

<텔레포트="body">
      <dialog-modal v-if="isOpenRegister" @close="isOpenRegister = false">
        <등록양식
          @open-login="(isOpenRegister = false), (isOpenLogin = true)"
          @close-dialog="isOpenRegister = false"
        />
      </대화상자 모달>
    </텔레포트>

사용자가 팝업을 클릭할 때만 팝업에 경로를 할당하고 싶습니다. 따라서 사용자가 등록 버튼을 클릭하고 팝업이 활성화되면 http://localhost:5173이므로 경로가 없는 대신 http://localhost:5173/register가 되기를 원합니다. 혼란스러운 질문이라면 죄송합니다. 최선을 다해 설명해 주시기 바랍니다. 미리 감사드립니다!

Answer 1

다음과 같은 일부 메서드 내에서 리디렉션을 처리해야 합니다.

으아악