五花毛 2019-10-14 14:52 采纳率: 0%
浏览 1933

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

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

pages

--| users

-----| _id.vue

--| index.vue

生成路径: users/1

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

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

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

  • 写回答

1条回答 默认 最新

  • 蓝色心灵-海 2023-05-26 10:20
    关注

    提供参考:
    如果您想要生成类似于 "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 会默认使用该文件作为默认路由。
      希望这能够帮到您,祝您编码愉快!
    评论

报告相同问题?

悬赏问题

  • ¥30 帮我写一段可以读取LD2450数据并计算距离的Arduino代码
  • ¥15 C#调用python代码(python带有库)
  • ¥15 矩阵加法的规则是两个矩阵中对应位置的数的绝对值进行加和
  • ¥15 活动选择题。最多可以参加几个项目?
  • ¥15 飞机曲面部件如机翼,壁板等具体的孔位模型
  • ¥15 vs2019中数据导出问题
  • ¥20 云服务Linux系统TCP-MSS值修改?
  • ¥20 关于#单片机#的问题:项目:使用模拟iic与ov2640通讯环境:F407问题:读取的ID号总是0xff,自己调了调发现在读从机数据时,SDA线上并未有信号变化(语言-c语言)
  • ¥20 怎么在stm32门禁成品上增加查询记录功能
  • ¥15 Source insight编写代码后使用CCS5.2版本import之后,代码跳到注释行里面