无法使用Nuxt和Storyblok呈现数据

时间:2019-05-07 21:07:04

标签: javascript vue.js nuxt.js storyblok

嘿。我正在用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
            }
          })
        }

0 个答案:

没有答案