Vuetify（Vue + Laravel）路由器推送后未设置导航栏活动链接

Question

我有一个非常简单的问题，但我无法解决。我使用了带有 v-list-item-group 的 导航抽屉，并且导航功能正常。就在我使用 router-link 或 this.$router.push() 时，活动链接不会改变并停留在之前的站点。

例如。当当前站点是主页并且从那里指向文档的链接不会重新呈现 documentations 选项卡的活动链接并停留在 home 上。如果我直接在导航栏中单击它，则活动链接设置得很好。

我尝试了以下方法：

methods:
this.$router.push({
   name: "documentations",
   params: { id: user_id}
});

methods:
this.$router.replace({
   name: "documentations",
   params: { id: user_id}
});

模板中的路由器链接，带有选项exact 和exact-path：

<router-link :to="{ name: 'documentations', params: { userId: item.id}}">

有人遇到过类似的问题吗？我是否监督了一些重要的事情？

Answer 1

带有 v-list-item-group

v-list-item-group 不应该与导航一起使用，它是用于制作这样的可选列表：

如果你只使用v-list + v-list-item 它应该可以工作。