通过Vue中的参数在组件之间持久存在ID

Question

我有一个看起来像/courses/:id/modules/:id的路线，我正在通过这样的参数传递:id的课程和模块

<router-link
    :to="{
        name: 'course-modules',
        params: { id: item.id, onlineClassId: item.online_class_id }
    }"
    class="forum__link">
    {{ item.title }}
</router-link> 

我需要使用ID发出GET请求。

但是，当我刷新页面时，组件失去对onlineClassId的保持，这引发了错误。我有办法保留该ID吗？

谢谢。

Answer 1

我发现了这个问题，在router.js中我使用的是/courses/:id/modules/:id而不是courses/:onlineClassId/modules/:id