2

在 Gridsome 中，我基本上是在寻找 Vue 的嵌套路由功能（或 Nuxt 的子视图）来实现类似 /:userId/profile 和 /:userId/posts 之类的东西。而且由于 Gridsome 使用 Vue 路由器，我相信应该有办法实现这一点

让我试着解释一下我想用 Gridsome 构建什么：

在mywebsite.com/我想显示一个图像网格，显示我的视频作品集的缩略图。然后，当您单击缩略图时，我希望弹出一个显示视频的模式。模式是半透明的，在背景中显示投资组合。到现在为止还挺好。

但是为了让人们能够分享相应视频的 URL，我需要更改路径mywebsite.com/video-1等等。当我然后关闭模式时，路径应该mywebsite.com/再次出现。这是我在 Nuxt 中使用<child-view>.

Gridsome 中是否有类似的功能？我感谢您的帮助。

4

1 回答 1

2

根据您在这里得到的反馈：

Gridsome 还不支持子路由。但是，如果您创建一个名为 User 的新内容类型并将每个用户添加为一个节点，您就可以实现您想要的。然后使用 Pages API 为他们生成页面。您创建的页面可以共享一个布局组件。

同样，您还可以为每个视频生成页面，以获得指向它们的直接 URL。并使用 $fetch() 方法在弹出窗口中加载视频。或者只在首页查询中查询视频，而不是使用 $fetch()。

于 2019-12-05T05:02:44.290 回答