将道具传递给 <nuxt-link> 或将隐藏数据传递到路由器，但不使用参数

Question

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

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

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

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

有没有办法将这个ID传递给带有prop的nuxt-link，还是有其他办法把这个ID“不可见”传递给我，以便我可以用来发起我的API调用？

Answer 1

我想，可以将$ router与params结合使用，而不要使用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>

Answer 2

我建议不要在表中创建一个新字段，而不用id来命名它，并使用unique（）将其命名为slug，然后将其用作标识符，这样对用户更友好。