NUXTJS 中的动态路由有两个级别

Question

我想在我的应用 NuxtJS 中配置一个路由。这是一个简单的问题。这是我的页面结构：

pages/
--| customers/
-----| _id.vue
--| studies/
-----| _id.vue
-----| Configuration.vue

我有一个带有此路径的页面：myapp.com/studies/3

我想设置这样的路径：myapp.com/studies/3/configuration。

现在这个结构是：myapp.com/studies/configuration

我该怎么做？

谢谢

Answer 1

您可以通过将 _id.vue 文件更改为文件夹并创建索引和配置 vue 文件来实现。就这样……

 pages/
--| customers/
-----| _id.vue
--| studies/
-----| _id/
--------| index.vue
--------| configuration.vue

现在如果你访问

1. yourapp.com/studies/3你会得到index.vue页面
2. yourapp.com/studies/3/configuration你会得到configuration.vue页面

问我是否不清楚。