Tengo una barra lateral y al hacer clic en cualquiera de los botones se cambia la ruta y se carga una nueva página, que a su vez cambia el estilo del botón a activo.

Siempre quiero mantener activo el botón según la ruta. Estoy usando la clase router-link-active para esto, y funciona bien en todos los casos, excepto cuando escribo la ruta manualmente y cargo la página, o cuando la página se carga inicialmente, se supone que el primer botón está activo, pero no es el caso.

botón de muestra:

 <li> <router-link :to="{ name: 'Test' }"> <sidebar-button id="Test-logo" :title="Test"> <icon-test-logo /> </sidebar-button> </router-link>

CSS:

 `.router-link-active { button { // Active / Open &:active, &.e-active { background-color: #175222; } } }`