Cómo cambiar la clase del estilo css del componente router-link en Vue.js

Cambiar las clases css del componente router es muy sencillo, solo debemos parametrizar linkExactActiveClass y linkActiveClass con las nuevas clases (CSS) al momento de crear nuestro router. ............
Publicado
Actualizado
Engagements 0 Comentario

Para cambiar las clases por defecto del componente router-link en vuejs solo debemos agregar los siguientes atributos al momento de crear tu router.

 

Editamos nuestro archivo router/index.js 

const router = new VueRouter({
           mode: 'history',
           base: process.env.BASE_URL,
           routes,
           linkExactActiveClass: "is-active",
           linkActiveClass: "is-active", 
        })

Como podemos ver en este ejemplo hemos cambiado las clases linkExactActiveClass y linkActiveClass por is-active para que trabaje con el framework Bulma CSS 

Comprar y Vender criptomonedas nunca fue tan fácil

Entra y compruebalo, dale click en la siguiente imagen.

Comentarios