b-dropdown-item with 'to' prop always 'active'

In my project, I have the exact same navbar as here: https://jsfiddle.net/6boedp9t/

The dropdown items are active and I can’t make them inactive. :active="false" doesn’t change anything. I have no idea why, since the fiddle doesn’t reproduce the problem. Any idea?

[tmorehouse]

Bootstrap-Vue doesn’t directly apply the active class (unless you are using v-b-scrollspy), but Vue-Router is responsible for placing the active class based on the pages URL and the machting scheme of the route to the URL.

Try adding the router-link ‘exact’ prop to your dropdown items (https://bootstrap-vue.js.org/docs/reference/router-links)

[alsciende]

Thank you, I didn’t know about this feature of vue-router. All that was missing was the exact prop.