Vue路由器在完全匹配时没有添加路由器链接的完全活动类

Question

Vue路由器(4(在完全匹配时不添加router-link-exact-active类。它确实添加了router-link-active类，但这意味着将有几个具有某些路由的活动类，并且由于/en部分，仪表板将始终处于活动状态。我尝试添加exact属性，但这不起作用。

路由器/index.js

const router = createRouter({
history: createWebHistory(),
routes: [
{
path: `/en`,
component: () => import('../Pages/Base.vue'),
children: [
{ 
path: '/en', name: 'dashboard', component: page('Users.vue'),
},
{ 
path: 'users', name: 'users', component: page('Users.vue'),
},
{ 
path: 'users/settings', name: 'users.settings', component: page('UsersSettings.vue'),
},
]
},
] 
});

//链路组件(工程(

<router-link :to="getToValue">
<slot />
</router-link>

Answer 1

添加linkExactActiveClass属性

const router = createRouter({
history: createWebHistory(),
linkExactActiveClass: 'active',
routes: [
{
path: `/en`,
component: () => import('../Pages/Base.vue'),
children: [
{ 
path: '/en', name: 'dashboard', component: page('Users.vue'),
},
{ 
path: 'users', name: 'users', component: page('Users.vue'),
},
{ 
path: 'users/settings', name: 'users.settings', component: page('UsersSettings.vue'),
},
]
},
] 
});