What is the difference between exact-active-class and active-class usage scenarios in Vue Router?

clipboard.png

clipboard.png
is what this so-called exact match means.


router-link the route is a fuzzy match by default. For example, if the current path is / article/1 , then < router-link to= "/ article" > will also be activated, so when exact-active-class is set, this router-link will be activated only if the current route is fully included. Class in exact-active-class will only be activated.

for example

</a>
Menu