通过 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

通过 Vue 中的参数跨组件持久化 id

Persisting id across components via params in Vue

parameters

vue.js

vue-router