vue.js - nuxt：将隐藏数据传递给路由

Question

我需要通过两个数据Nuxt-link，

Id用于获取单个帖子的第一个 ID ，必须是hidden

另一个是因为搜索引擎优化而title使用的URL

<NuxtLink to="localePath({ path: `/blog/${post.title}` })">
show Post
</NuxtLink>
``

i have abode code and I don't now how to pass `ID`

Answer 1

创建这样的文件：

然后重定向到博客文章：

<NuxtLink
  :to="{
    name: 'blog-title',
    params: { title: 'vue', id: 123 },
  }"
>
  Go to Blog post page and pass user id
</NuxtLink>

并在博客页面文件中获取 id：

this.$route.params.id

它是隐藏的，因为文件名仅包含_title。

演示：https ://codesandbox.io/s/shy-fast-d2r5k?file=/pages/blog/_title.vue

但老实说，我真的不明白你想做什么。您应该从标题中获取 id。现在，如果有人获得该文章的链接： www.[xyz].com/blog/vue，他们将不会获得 id，因为它是隐藏的，并且只有当他们从该特定的上一页重定向时才会传递。如果用户在新（空白）卡中打开此链接，则相同。它将在看不到隐藏 ID 的服务器上呈现。

检查这个：

https://d2r5k.sse.codesandbox.io/（主页 > 博客 = 有效） https://d2r5k.sse.codesandbox.io/blog/vue（博客 = 无效 - 没有 id）