How to highlight Vue-route navigation menu bar, vue-navigation menu

How to highlight Vue-route navigation menu bar, vue-navigation menu

As follows:

By default, the router navigation menu automatically adds the router-link-exact-active and router-link-active categories to the current menu.

We can use linkActiveClass to modify the router-link-active class name,

Add the configuration item linkActiveClass: 'mui-active' in the routing rule configuration, and use 'mui-active' to customize the control menu bar switching style.

In the above section, the highlight setting method of the Vue-routing navigation menu bar is all the content that I shared with you. I hope to give you a reference and support for the customer's home.