Javascript Nuxt.js'；s具有自定义路径（URL）的嵌套视图

我在Nuxt中有以下目录结构：

myProjectRoot/
--| pages/
----| products/
------| _id.vue
----| collections/
------| _id.vue
------| index.vue
----| collections.vue

该结构分别为我提供了以下匹配：

[u1] localhost/collections    --> [c1] pages/collections.vue
[u2] localhost/collections/10 --> [c2] pages/collections/_id.vue
[u3] localhost/products/100   --> [c3] pages/products/_id.vue

---

现在我想将

[c3]

组件显示在

[c1]

作为子视图（与

[c2]

的方式相同），但保留与

[u3]

相同的url。我该怎么做？

不太清楚您想要实现什么。@DaniyalLukmanov目的是将信息块从[c3]单独页面移动到[c1]组件中作为子组件（使用）。像模态窗口之类的。同时[u3]必须保持完整。然后将其作为

子组件

，并使用

条件呈现

。您不需要有单独的页面或路径来完成此任务。@DaniyalLukmanov使其成为

子组件

不是问题。但我不确定应该如何告诉Nuxt（例如，使用

条件呈现

），只有当href为

http://site/products/100

（非

http://site/collections/10/products/100

或任何其他内容）。对于在线电子商店的产品项目，有一个单独的唯一uri是必不可少的要求<代码>[c2]有机地固定在

[c1]

页面的代码上，并且由于Nuxt对文件结构的内在要求，有各自的相对路径（从

/collections

到

/collections/10

）。同时，为了拥有完全独立的uri，您必须在

/pages

目录中创建相应的文件结构。