Данные не отображаются с помощью nuxt и storyblok - PullRequest
Новая
       32

Данные не отображаются с помощью nuxt и storyblok

0 голосов
/ 08 мая 2019

Hei. Я создаю сайт с nuxt и использую Storyblok в качестве CMS. Я сделал уже 2 страницы, где я передаю данные через него и просто отлично работает. Теперь у меня есть одно (я создаю страницу дискографии), что данные есть (когда я их утешаю), но ничего не отображается ...

Так что я пытаюсь в asyncData для консоли данных, и он обнаруживается. Я пытаюсь добавить другой компонент, который я использовал раньше, и он прекрасно работает ..

Это мой компонент 

<article :to="id" class="discography">
    <div :style="{backgroundImage: 'url(' + thumbnailImage + ')'}" class="discography-thumbnail"></div>
    <div class="title">
      <h1 class="test">{{ title }}</h1>
      <p>{{ year }}</p>
    </div>
  </article>
...
export default {
  props: {
    title: {
      type: String,
      required: true
    },
    year: {
      type: String,
      required: true
    },
    image: {
      type: String,
      required: true
    },
    id: {
      type: String,
      required: true
    }
  }
}

и страница, на которой он отображается: 

<section class="container">
    <Discography
      v-for="discography in discographies"
      :key="discography.id"
      :title="discography.title"
      :releaseYear="discography.year"
      :thumbnailImage="discography.image"
      :id="discography.id"
    />
  </section>
...
then(res => {
        console.log(res)

        return {
          discography: res.data.stories.map(ds => {
            return {
              id: ds.slug,
              title: ds.content.title,
              year: ds.content.year,
              image: ds.content.image
            }
          })
        }
...