首页 > 解决方案 > 对象上的 Nuxt 内容过滤

问题描述

关于如何在对象上执行 Nuxt Content where() 有点问题。我的意思是考虑以下网址:

www.mysite.com/blog/tag/tag-slug-here

在此页面上,我需要按该标签 slug 过滤所有文章。现在我的 .md 结构如下:

---
layout: documentation
title: Post Title
date: 2016-06-14T15:24:30.719Z
date_updated: ''
tags:
  - retainer
  - clients
---

...

现在我确实注意到了以下几点:

为了过滤对象和数组,您需要启用nestedProperties,请参阅配置

所以在我的 nuxt 配置中,我添加了:

  content: {
    nestedProperties: ['tags']
  },

然而,这似乎也不起作用。

我的搜索代码:

const articles = await $content()
      .where({ tags: params.slug })
      .only(['title', 'description', 'thumbnail', 'slug', 'author', 'date'])
      .sortBy('date', 'desc')
      .limit(5)
      .skip((route.query.page || 1) * 5)
      .fetch()

我不确定我是否误解了文档或搜索,但如果有人有任何很棒的想法!

标签: nuxt.jsnuxt-content

解决方案


找到我的答案: https ://github.com/nuxtlabs/demo-blog-nuxt-content/blob/master/pages/blog/tag/_tag.vue

这个文件是如何进行标签搜索的一个很好的例子。


推荐阅读