获取路由器链路的"active"状态以匹配 prop

Question

我正在开发一个使用 Vue 和 vue-router 的项目，它的路由是深度嵌套的(例如2/company/staff/1/timeline(。

现在我到达了(...) /staff/:id部分，遇到了一个问题：无论id道具有什么价值，所有路由链接都显示为活动状态。以前有人遇到过这个问题吗？

PS：我试过exact，不起作用。

<router-link tag="li" :to="{ name: 'business.staff.single', props: {id: 1} }">
<div class="avatar" style="background-image: url('url');"></div>
<div class="details">User 1</div>
</router-link>
<router-link tag="li" :to="{ name: 'business.staff.single', props: {id: 2} }">
<div class="avatar" style="background-image: url('url');"></div>
<div class="details">User 2</div>
</router-link>
<router-link tag="li" :to="{ name: 'business.staff.single', props: {id: 3} }">
<div class="avatar" style="background-image: url('url');"></div>
<div class="details">User 3</div>
</router-link>

Answer 1

我的错，我最近没有和vue-router一起工作，现在我把params和props混淆了。事实证明，我不得不改用params，然后它默认工作。