【发布时间】：2021-06-20 13:29:28
【问题描述】：
我正在尝试在 Nuxt 中建立一个投资组合。作品集的内容在 GoogleSheets 中。通过 GoogleSheets Api，我在 Nuxt/Content 文件夹中创建了一个portfolio.json。单个项目的呈现和所有项目的概述都在工作。
每个投资组合项目都属于一个类别，我有几个类别。我希望能够根据这些类别过滤项目。
一直在尝试在投资组合页面上创建过滤器，但尚未成功。我尝试了三种不同的方法，它们都是基于我在网上找到的示例。
示例前端，带有虚拟内容：https://dl5en.sse.codesandbox.io
代码：https://codesandbox.io/s/nuxt-content-filter-json-dl5en
- 尝试：重新创建了我在 Youtube 上看到的示例。让过滤器无法正常工作的问题。
- 尝试：使用 dev.to 示例创建过滤器。问题，第一页访问时没有显示任何项目。想在第一次访问时向他们展示。
- 尝试：在 reddit 文章中使用示例来创建过滤器。问题，只有一个类别的项目在第一页访问时显示。想在第一次访问时向他们展示。
如果有人可以给我一些关于如何解决这个问题的指示（对于其中一种尝试），非常感谢！
【问题讨论】：