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

Question

在Nuxt.js中，如果我在pages/posts/_id.vue页面中有以下代码：

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

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

所以，我学会了如何通过URL传递一个参数。 但是我想要传递帖子所属的类别，并显示像这样的消息：帖子id：123。类别：新闻。

• 我应该如何构造帖子文件夹并获得想要的结果？
• 在这种情况下，如何访问URL？类似于http://localhost:3000/posts/123/News`？

- user10370401

Answer 1

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

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

URL地址将为http://localhost:3000/posts/news/123。

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

- Michał Perłakowski