Vue.js 如何定义所有HomePagina,以便我的幻灯片知道在哪里搜索?

Vue.js 如何定义所有HomePagina,以便我的幻灯片知道在哪里搜索?,vue.js,graphql,content-management-system,undefined,slideshow,Vue.js,Graphql,Content Management System,Undefined,Slideshow,因此,我为一个网站制作了一个nuxt项目,并使用vueper进行幻灯片放映。我的图像存储在cms中,以便进行预渲染,但正如您所看到的,我尝试在幻灯片中逐个显示图像,但如何定义幻灯片的所有HomePagina 从“graphql标记”导入gql 从“VueperSlides”导入{VueperSlides,VueperSlide} 导入“vueperslides/dist/vueperslides.css” 导出默认值{ 组成部分:{ VueperSlides, VueperSlide, },

因此,我为一个网站制作了一个nuxt项目,并使用vueper进行幻灯片放映。我的图像存储在cms中,以便进行预渲染,但正如您所看到的,我尝试在幻灯片中逐个显示图像,但如何定义幻灯片的所有HomePagina


从“graphql标记”导入gql
从“VueperSlides”导入{VueperSlides,VueperSlide}
导入“vueperslides/dist/vueperslides.css”
导出默认值{
组成部分:{
VueperSlides,
VueperSlide,
},
阿波罗:{
allHomepaginas:gql`
{
全家谱{
幻灯片放映{
响应图像{
src
}
}
}
}
`,
},
数据:()=>({
自动播放:对,
幻灯片:[
{
图片:allHomepaginas.slideshow[0]。responsiveImage,
},
],
}),
}