팝업 이후에 경로 이동하는 방법

팝업 화면에서 확인을 클릭하고 나면 원하는 다른 페이지로 이동하게끔 하는 기능이 필요했다.

 

1. 먼저 팝업 화면에서 click 이벤트를 줬다.

  <v-btn color="primary" variant="flat" @click="proceedRouterNavigation">
    <v-icon start>mdi-check</v-icon>
    확인
  </v-btn>

 

이 코드에서 보듯이 클릭 이벤트에 'proceedRouterNavigation' 이 메소드를 호출하도록 했다.

 

 

2. proceedRouterNavigation 함수

const proceedRouterNavigation = () => {
  showRouterConfirmDialog.value = false;
  
  // CodePage로 라우터 이동
  router.push('/dashboard/code');
};

 

라우터 이동은 push 를 이용한다.

push 를 통해 정의된 라우터를 입력해주면 원하는 페이지로 이동하게 된다.