如何在父页面上列出nuxt.js嵌套路由的子页面？

是否可以查询父级的子级或嵌套路由？例如，具有以下结构的博客网站：

• /blog.vue

  （父页面）

  • /blog/article1.vue

  • /blog/article2.vue

• 等等。

  blog.vue

  可能会也可能不会使用

如何以编程方式列出其子页面或嵌套路由，以便显示包含导航到这些子页面的链接和标题的菜单或目录？

---

文档提到nuxt路由器具有路由的子属性。这似乎可以在

这个$router.options.routes中访问。有更好的方法吗？
如果您想通过相对路由访问子组件，那么处理它的最佳解决方案是
\u slug
动态路由

//// for example 

pages/
--| _blog/
-----| index.vue
-----| article1.vue
-----| article2.vue
--| users/
-----| _id.vue
--| 

希望有人能给出更好的答案，但同时，类似的方法也能奏效：

数据（）{
返回{
嵌套路由：[]
}
},
创建（）{
这是.router.options.routes.forEach（（routeOptions）=>{
if（routeOptions.path.startsWith（this.$route.path））{
这个是.nestedRoutes.push({
名称：routeOptions.name，
路径：routeOption.path，
})
}
})
}
我的问题是如何以编程方式获取动态路由列表，以便在索引页中将所有动态路由或子路由的列表呈现为HREF。请注意，nuxt/content模块现在可用（从2020年起），并处理许多与原始问题相关的场景。