Estoy creando un proyecto. Tengo que trabajar con muchas rutas y pestañas dentro. Mi problema es que quiero que mi navegador recuerde qué pestaña se abrió antes de actualizar la página. Supongamos que tengo 3 pestañas en 1 página y abrí la segunda o la tercera pestaña, luego actualizo la página y me devuelve a la primera pestaña. Cómo prevenir esto. ¿Hay alguna solución?
Usar rutas secundarias. Cada pestaña contendría un elemento <router-view> , que corresponde a una página dentro de una página.
Ver documentos de vue-router en rutas anidadas
const routes = [ { path: '/my-page', component: MainPage, children: [ { path: 'tab1', component: Tab1Content, }, { path: 'tab2', component: Tab2Content, }, ], }, ] <!-- On /my-page/tab-2, Tab2Content will be rendered in the <router-view> --> <template> <v-tab> <router-view /> <!-- Sub route --> </v-tab> </template>