javascript - 将 Prop 传递给 或将隐藏数据传递给路由器但不使用参数

Question

目前，我正在为我的网络应用程序使用 nuxt 和 vue 路由。

在我看来我的链接是这样的: <nuxt-link :to="'/article/' + article.id">

随后，我通过从 URL 请求参数来在我的文章页面上使用这篇文章 ID 做我的 API 请求: ${params.id}

这工作正常，但我的 URL 最终是这样的:article/1 但我想开始使用用户友好的 URL，例如 article/this-is-my-article 但我仍然需要传递文章 ID。

有没有办法通过 prop 将此 ID 传递给 nuxt-link，或者是否有任何其他方法可以“不可见”地传递此 ID，以便我可以使用它来调用我的 API？

Answer 1

我认为，您可以使用带参数的 $router 而不是 nuxt-link 来做您想要的。这是我的建议。

<div@click="$router.push({name:'[goal name]', params:{[params]}})" >View All History</div>

这里的例子。

<div @click="$router.push({name:'view_tables-display_reports', params:{id:'pie'}})" >View All History</div>