使用nuxt,动态路由传参,怎样传多个参数?

Question

在 Nuxt.js 里面定义带参数的动态路由，需要创建对应的以下划线作为前缀的 Vue 文件 或 目录。

pages

--| users

-----| _id.vue

--| index.vue

生成路径: users/1

但是想要生成这样的路径: users/1/name/age 改怎么建文件?

已解决,创建( _.vue )文件就好了

https://zh.nuxtjs.org/guide/routing/#未知嵌套深度的动态嵌套路由

Answer 1

提供参考：
如果您想要生成类似于 "users/1/name/age" 这样的嵌套路由，您可以按照以下步骤建立对应的 Vue 文件或目录：

1. 在 Nuxt.js 项目的 "pages" 目录下创建 "users" 目录。
2. 在 "users" 目录下创建一个命名为 "_id" 的 Vue 文件或目录。这里需要注意，为了与动态路由参数命名保持一致，文件名前面需要添加下划线。
3. 在 "_id" 目录下继续创建一个命名为 "_name" 的 Vue 文件或目录。
4. 在 "_name" 目录下继续创建一个命名为 "_age" 的 Vue 文件或目录。
   这样，在路由参数为 "/users/1/name/age" 时，Nuxt.js 会自动去匹配对应的 Vue 文件或目录。
   值得注意的是，在嵌套路由的情况下，Vue 文件或目录的命名应该与路由参数保持一致，且文件名前面需要添加下划线。如果您需要使用默认路由，则可以在 "users" 目录下创建一个命名为 "index.vue" 的文件，Nuxt.js 会默认使用该文件作为默认路由。
   希望这能够帮到您，祝您编码愉快！