在 Nuxt.js 里面定义带参数的动态路由,需要创建对应的以下划线作为前缀的 Vue 文件 或 目录。
pages
--| users
-----| _id.vue
--| index.vue
生成路径: users/1
但是想要生成这样的路径: users/1/name/age 改怎么建文件?
已解决,创建( _.vue )文件就好了
https://zh.nuxtjs.org/guide/routing/#未知嵌套深度的动态嵌套路由
提供参考:
如果您想要生成类似于 "users/1/name/age" 这样的嵌套路由,您可以按照以下步骤建立对应的 Vue 文件或目录:
- 在 Nuxt.js 项目的 "pages" 目录下创建 "users" 目录。
- 在 "users" 目录下创建一个命名为 "_id" 的 Vue 文件或目录。这里需要注意,为了与动态路由参数命名保持一致,文件名前面需要添加下划线。
- 在 "_id" 目录下继续创建一个命名为 "_name" 的 Vue 文件或目录。
- 在 "_name" 目录下继续创建一个命名为 "_age" 的 Vue 文件或目录。
这样,在路由参数为 "/users/1/name/age" 时,Nuxt.js 会自动去匹配对应的 Vue 文件或目录。
值得注意的是,在嵌套路由的情况下,Vue 文件或目录的命名应该与路由参数保持一致,且文件名前面需要添加下划线。如果您需要使用默认路由,则可以在 "users" 目录下创建一个命名为 "index.vue" 的文件,Nuxt.js 会默认使用该文件作为默认路由。
希望这能够帮到您,祝您编码愉快!