Gridsome 中的嵌套路由?
Nested Routes in Gridsome?
在 Gridsome 中,我基本上是在寻找 Vue 的嵌套路由功能(或 Nuxt 的子视图)来实现类似 /:userId/profile 和 /:userId/posts 的功能。由于 Gridsome 使用 Vue Router,因此我相信应该有一种方法可以实现这一点
让我试着解释一下我想用 Gridsome 构建什么:
在 mywebsite.com/
我想显示一个图像网格,显示我的视频组合的缩略图。然后当您单击缩略图时,我希望弹出一个显示视频的模式。模态是半透明的,在背景中显示投资组合。到目前为止,一切都很好。
但是为了让人们能够分享相应视频的 URL,我需要将路径更改为 mywebsite.com/video-1
等等。当我关闭模式时,路径应该再次 mywebsite.com/
。这是我在 Nuxt 中已经实现的 <child-view>
。
Gridsome有没有类似的功能?感谢您的帮助。
根据您得到的反馈here:
Gridsome doesn't support child routes yet. But you can kind of achieve what you want if you create a new content type called User and add each user as a node. Then generate pages for them with the Pages API. The pages you create can share a layout component.
In the same way, you can also generate pages for each video for having direct URLs to them. And use the $fetch() method to load a video in a pop-up. Or just query the videos in the front-page query instead of using $fetch().
在 Gridsome 中,我基本上是在寻找 Vue 的嵌套路由功能(或 Nuxt 的子视图)来实现类似 /:userId/profile 和 /:userId/posts 的功能。由于 Gridsome 使用 Vue Router,因此我相信应该有一种方法可以实现这一点
让我试着解释一下我想用 Gridsome 构建什么:
在 mywebsite.com/
我想显示一个图像网格,显示我的视频组合的缩略图。然后当您单击缩略图时,我希望弹出一个显示视频的模式。模态是半透明的,在背景中显示投资组合。到目前为止,一切都很好。
但是为了让人们能够分享相应视频的 URL,我需要将路径更改为 mywebsite.com/video-1
等等。当我关闭模式时,路径应该再次 mywebsite.com/
。这是我在 Nuxt 中已经实现的 <child-view>
。
Gridsome有没有类似的功能?感谢您的帮助。
根据您得到的反馈here:
Gridsome doesn't support child routes yet. But you can kind of achieve what you want if you create a new content type called User and add each user as a node. Then generate pages for them with the Pages API. The pages you create can share a layout component.
In the same way, you can also generate pages for each video for having direct URLs to them. And use the $fetch() method to load a video in a pop-up. Or just query the videos in the front-page query instead of using $fetch().