/Javascript/Vue/Vue + change router link active class

Vue + change router link active class

const router = new VueRouter({
  routes,
  linkActiveClass: "active",
  linkExactActiveClass: "exact-active",
})

Source: stackoverflow.com

Active-class router-link

//when a route is active we can use this to add a certain style to the element:
<router-link to="/[route-name]" active-link="active'> <router-link>

//when the route is active, active-link will add the class active to the element
//you can define then a certain style for elements that contain the class active

-1

Similar codes

0 vote145 views1 answer
Vuejs input text
Javascript Vue
0 vote131 views1 answer
Vue specify build directory
Javascript Vue
0 vote137 views1 answer
Show conditional header based on url in vue js
Javascript Vue
2 votes149 views1 answer
Button click redirection to another page vue
Javascript Vue
0 vote151 views1 answer
Vue router default page not loaded
Javascript Vue
0 vote141 views1 answer
You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build.
Javascript Vue
0 vote148 views1 answer
Vue event two parameter with e
Javascript Vue
0 vote142 views1 answer
Vue rails turbolink don't load
Javascript Vue
0 vote131 views2 answers
Scroll to top router link vue
Javascript Vue
0 vote140 views1 answer
Vue i18n command
Javascript Vue