想要遍历 ID 数组以从 API获取数据

Question

在这个应用程序中，我从一个 API 获取 ID 并将它们传递到第二个 API，并尝试为第二个 API 中的每个 ID 显示属性 overviewList.overview.lifeTimeData.energy，但在这个例子中，我只能做是显示第一个索引的属性。如何遍历 ID 数组并显示每个 ID 的属性？这是我目前所拥有的实时工作版本，代码位于组件 > HelloWorld.vue 下。我知道我需要遍历 ID 数组，但我不知道该怎么做。

https://codesandbox.io/live/68gQlN

Answer 1

你想做什么不是很清楚。但是当你这样做的时候      axios.get(        this.host +          this.domain +          `/site/` + ids[0] + `/overview?` +          this.apiKey,        this.config      )您需要为每个 id 权利运行此查询。您的方法应该更像这样：methods: {  async getSiteDetails() {    let ids = [];    await axios.get(      this.host +        this.domain +          "/sites/list?sortProperty=name&sortOrder=ASC&" +        this.apiKey,      this.config    )    .then((...responses) => {      this.siteList = responses[0].data;      ids = this.siteIdList.concat(responses[0].data.sites.site).map(x => x.id);    })        ids.forEach(this.getOverviewList);  },  async getOverviewList(id) {    axios.get(      this.host +        this.domain +        `/site/` + id + `/overview?` +        this.apiKey,      this.config    )    .then(((...responses) => {        this.overviewList[id] = responses[0].data;    }))    .catch(errors => {      console.log(errors);    });  },}