如何使用 Nuxt 3 创建动态导航结构？

Question

我正在尝试在 Nuxt 3 中动态创建类似的东西：

let paths = [
  {
    label: 'Page1',
    to: '/Page1'
  },
  {
    label: 'Page2',
    to: '/Page2',
    children: [
      {
        label: 'Page2a',
        to: '/Page2/Page2a',
      },
      {
        label: 'Page2b',
        to: '/Page2/Page2b',
      },
      {
        label: 'Page2c',
        to: '/Page2/Page2c',
      }
    ]
  },
  {
    label: 'Page3',
    to: '/Page3',
  }
]

我正在尝试到达一个位置，如果将页面添加到页面目录，它们将自动添加到数组（将进入导航树）。

我尝试过使用

useRouter().getRoutes()

，但它没有将页面显示为子页面，这是主要问题。

非常感谢任何帮助！ :)

Answer 1

你可以试试

useRouter().options.routes