almost 3 years after your post, no one has responded? and I am in the exact same problem as well with the following versions: "pinia": "^2.1.7", "vue": "^3.4.29", "vue-router": "^4.3.3"
<RouterLink to="/menu" activeClass="custom-active-class">Menu</RouterLink>
<style scoped>
.router-link-exact-active {
display: none;
}
.custom-active-class{
display: none;
}
</style>
Route Config
{
name: 'Menu',
path: '/menu/:category?',
component: () => import('@/pages/MenuPage.vue'),
props: true,
meta: {
requireAuth: false
}
}
if the route is identical to /menu then it is hidden otherwise it continues to be displayed. (I tried router-link-active and it doesn't work)
@fahico98 did you solve it?