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传递一个参数。
但我还想传递 post 所属的类别，并显示如下消息：Post id: 123。类别：新闻。

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

Answer 1

请参阅文档中的 Dynamic Nested Routes。您的目录结构应如下所示：

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

URL 将是 http://localhost:3000/posts/news/123。

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

Nuxt中如何传递多个参数？

How to pass multiple parameters in Nuxt?

javascript

vue.js

nuxt.js