首页 > 解决方案 > 通过 Vue 中的参数跨组件持久化 id

问题描述

我有一个看起来像这样的路由路径/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?

谢谢。

标签: vue.jsparametersvue-router

解决方案


我发现了这个问题,router.js因为我使用/courses/:id/modules/:id的是courses/:onlineClassId/modules/:id


推荐阅读