Tengo una aplicación con una barra lateral. Por defecto, al cargar patient/:id quiero cargar la vista Patient , que por defecto también debería cargar su PatientDashboard .

Dentro del componente Vista del paciente, tengo una vista de enrutador que debería cargar de forma predeterminada el PatientDashboard Panel del paciente.

Sin embargo, cada vez que cargo la página en la ruta patient/:id , necesito alternar entre los botones de la barra lateral de PatientDashboard y Timeline para cargar mi PatientDashboard .

Entonces, ¿cómo obtengo la subruta predeterminada para cargar el componente en su primera carga?

Paciente-Componente:

 <template> <div"> <ProfileSidebar :sidebar_elements="sidebar_elements"/> <div id="profile_content"> <router-view :key="$route.fullPath" /> </div> </div> </template>

Enrutador:

 const routes = [ { path: "/patient/:patient", name: "Patient", component: Patient, props: true, children: [ { path: "timeline", name: "Timeline", component: Timeline }, { path: "", name: "PatientDashboard", component: PatientDashboard }, ], }, ]