如何在javascript中使用动态数据创建多图像旋转木马？

我正在尝试创建一个多图像转盘，其中的图像是从API获取的。使用循环在dom中渲染图像。然后尝试通过类访问图像并存储在“幻灯片”数组中。加载API需要一些时间，因此未初始化“幻灯片”数组

从'lwc'导入{LightningElement，track}；
导出默认类转盘扩展LightningElement
{
@跟踪第一索引=1；
@追踪指数=7；
@滑轨；
@跟踪结果；
connectedCallback（）{
//从这里调用外部API
this.ExternalApi（）；
}
放映幻灯片（f、l）{
console.log（“show”）
this.slides=this.template.querySelectorAll（'.nds package thumb'）；//试图通过访问渲染图像的类来初始化slides数组，问题是，该数组首先初始化，然后再渲染
console.log（this.slides.length）
console.log（this.slides）
控制台日志（f，l）
让我；
让j；
让k；
if（f<1）{
对于（i=0；i<7；i++）{
this.slides[i].style.display=“内联块”；
}
}
如果（l1&&f<7）{
对于（k=0；k{
让parsedResponse=JSON.parse（response.result.CategoryDetailList）；
this.Results=parsedResponse；//从结果数组以HTML格式呈现图像
console.log（parsedResponse）；
this.showsiles（this.firstIndex，this.lastIndex）；//调用SHOW函数
})
.catch（错误=>{
console.log（错误）；
});
}
}

尝试应用异步等待，但没有解决方案