How to highlight the active menu item?

Question

Vue.js

how to highlight a menu item depending on the page we are on? That is, select the active item. Apply a style class to it.

Answer 1

You won't believe it, but it's in the documentation
https://router.vuejs.org/en/guide/#javascript
Please note that it automatically gets the .router-link-active class when the route matches. You can learn more about this in the API reference.