如何在 Nuxt 中传递多个参数？

Question

在 Nuxt.js 中，如果我有pages/posts/_id.vue这段代码：

<template>                                                                                                                                                              
  <div>                                                                                                                                                                 
    Post id: {{$route.params.id }}                                                                                                                                    
  </div>                                                                                                                                                                
</template> 

当我输入 URL: 时http://localhost:3000/posts/123，它显示Post id: 123。

所以我学会了如何通过 URL 传递一个参数。
但我还想传递帖子所属的类别并显示如下消息：帖子 ID：123。类别：新闻。

• 如何构建帖子文件夹并获得我想要的结果？
• 在这种情况下如何访问 URL？像http://localhost:3000/posts/123/News` 之类的东西？

Answer 1

请参阅文档中的动态嵌套路由。您的目录结构应如下所示：

posts/
--| _category/
-----| _id.vue

该 URL 将为http://localhost:3000/posts/news/123.

您可以使用 访问类别参数{{ $route.params.category }}。