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