Prismic / GraphQL и Gridsome / Vue визуализированный v- html отображается внутри строки - PullRequest
Новая
       26

Prismic / GraphQL и Gridsome / Vue визуализированный v- html отображается внутри строки

0 голосов
/ 04 марта 2020

Итак, я сделал свой сайт, используя Prismic / GraphQL и Gridsome. И я получил запрос, работающий, только то, что при рендеринге строк в отрисованную строку показывает, где только пробелы go.

Я использую v- html для рендеринга строки. Я даже пытался отформатировать его, но мне кажется, что я что-то упустил? 

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

Мой graphQl - просто базовый c вариант: 

<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&nbsp;hendrerit&nbsp;curae&nbsp;nostra.
...