Vue.js 使用Nuxt筛选来自API的数据

Im在Nuxt中使用滑动条Im通过Axios从API获取图像

API如下所示：

“图像选择”：[
{
标题:"全球登陆",，
slug:“全球着陆-1”，
id:113，
图像：[
{
标题：“”，
说明：“”，
文件扩展名：“jpeg”，
位置：0，
url:'https://#####图像'，
类型：0，
链接：“”，
id:3603，
视频链接：“”，
},
],
},
{
标题：“主滑块1”，
slug:'主滑块-1'，
身份证号码：331，
图像：[
{
标题：“”，
说明：“”，
文件扩展名：“jpeg”，
位置：0，
url:'https://####图像'，
类型：0，
链接：“”，
身份证号码：5773，
},
],
},
]

我的Axios：

async-mounted（）{
const response=wait axios.get（“/api/”）
this.resultsimages=response.data.images\u selection.filter（r=>r.slug=home-slider-1）
},

我试图用一个过滤器

.filter（r=>r.slug=Home-Slider-1）只在“Home-Slider 1”中获取图像

但是我做错了什么是只瞄准主滑块1的最佳方式


编辑：这是我的页面，我无法循环获取的图像


导出默认值{
数据（）{
返回{
结果图像：[]，
数据：[]，
}; 
异步装入（）{
const{data}=wait axios.get（“/api/”{
标题：{
“X-AUTH-TOKEN”：“####”，
“内容类型”：“应用程序/json”，
},
});
this.resultsimages=data.images\u selection.filter（（图像）=>（图像）=>
image.slug==“主滑块-1”
);
},
};
我对您的问题进行了大量格式化，特别是对于axios部分，只使用了
async/await
，而不是混合使用
async/await
+
。然后

这就是块的外观

async-mounted（）{
const{data}=await axios.get（'/api/'））
this.resultsimages=data.images\u selection.filter（（image）=>（image）=>image.slug==='home-slider-1'）
},

请下次更加努力地格式化您的代码。
谢谢Kissu，我会更加小心我的格式没有问题，我的朋友。我的答案有效吗？我正在尝试您的答案Kissu，但axios现在无法获取图像我正在尝试查看{{resultsimages}要查看数据是如何检索的，filter会为您提供匹配的对象，因此是带有
标题、slug、id、图像等的对象。
，如果您只需要图像，请在将过滤对象传递到模板时，通过调用该对象上的
.images
，再深入一步。好的，Kissu我会尝试一下，谢谢。。因为现在它看起来像是过滤器应用程序在{resultsimages}中，我仍然有一个slug：“global-landing-1”，