时间戳

首页 > 解决方案 > 将道具传递给或将隐藏数据传递给路由器但不使用参数

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

问题描述

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

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

随后，我通过从 URL 请求参数来在我的文章页面上使用此文章 ID 来发出我的 API 请求： ${params.id}

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

有没有办法通过道具将此 ID 传递给 nuxt-link，或者有没有其他方法可以将此 ID 传递为“不可见”，以便我可以使用它来进行 API 调用？

标签： javascriptvue.jsnuxt.js

解决方案

我认为你可以使用带有参数的 $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>

推荐阅读