/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

1 vote214 views1 answer
Import vuex in composition api
Javascript Vue
1 vote236 views1 answer
Vuex add multiple payload to mutation
Javascript Vue
0 vote223 views1 answer
Vue 3 computed getter setter
Javascript Vue
0 vote244 views1 answer
Vuetifyjs 2.0 2 column side bar
Javascript Vue
2 votes214 views1 answer
Vue pdf vue jest
Javascript Vue
0 vote253 views2 answers
Vuelidate require if
Javascript Vue
0 vote232 views1 answer
Show conditional header based on url in vue js
Javascript Vue
0 vote239 views1 answer
Jsconfig for default vue
Javascript Vue
0 vote218 views1 answer
Vue apollo refetch every x ms
Javascript Vue
1 vote220 views1 answer
Vue-resource patch
Javascript Vue