Javascript 将道具传递给<;nuxt link>;或者将隐藏数据传递给路由器,但不使用参数

Javascript 将道具传递给<;nuxt link>;或者将隐藏数据传递给路由器,但不使用参数,javascript,vue.js,nuxt.js,Javascript,Vue.js,Nuxt.js,目前,我正在为我的web应用程序使用nuxt和vue路由 在我看来,我的链接是这样的: 随后,我在我的文章页面上通过请求URL do make my API请求中的参数来使用此文章ID: ${params.id} 这很好,但我的URL最终是这样的:article/1但我想开始使用用户友好的URL的like article/这是我的文章,但我仍然需要传递文章id 有没有办法用道具将此ID传递给nuxt链接,或者有没有其他方法将此ID传递为“不可见”,以便我可以使用它进行API调用?我想,您可以使

目前,我正在为我的web应用程序使用nuxt和vue路由

在我看来,我的链接是这样的:

随后,我在我的文章页面上通过请求URL do make my API请求中的参数来使用此文章ID:
${params.id}

这很好,但我的URL最终是这样的:article/1但我想开始使用用户友好的URL的like article/这是我的文章,但我仍然需要传递文章id


有没有办法用道具将此ID传递给nuxt链接,或者有没有其他方法将此ID传递为“不可见”,以便我可以使用它进行API调用?

我想,您可以使用$router with params来代替nuxt链接。 这是我的建议

<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>
查看所有历史记录

我建议在表中创建一个新字段,并用unique()将其命名为slug,而不是id,然后将其用作标识符,这样更方便用户使用

谢谢你的评论!我尝试了这个,它将id添加到我的URL!那太好了!我真的不想在我的网址id,但我想没有其他选择凯!但在我这边,参数没有包含在我的URL中!你有没有找到一个可行的解决办法?