vue.js - Prismic/GraphQL 和 Gridsome/Vue 渲染的 v-html 显示在字符串中

Question

所以我使用 Prismic/GraphQL 和 Gridsome 创建了我的网站。而且我得到了查询工作，只有在将字符串渲染为渲染字符串时才显示只有空格会去哪里。

我使用 v-html 来呈现字符串。我什至尝试格式化它，但在我看来，我好像错过了什么？

<p v-for="(p, index) in $page.prismicio.post.edges[0].node.content" :key="index" v-html="p.text" />

我的 graphQl 只是基本的变体：

<page-query>
query Post ($uid: String!) {
  prismicio {
    post: allNewss(uid: $uid) {
      edges {
        node {
          _meta {
            id
            uid
          }
          title
          date
          description
          content
          image
        }
      }
    }
  }
}
</page-query>

这是 grahQL 资源管理器中输出的部分内容：

 "content": [
              {
                "type": "paragraph",
                "text": "Lectus hendrerit curae nostra.",
                "spans": []
              },
...

但实际输出是这样的：

Lectus hendrerit curae nostra.