vue3 数据可视化大屏项目中，因为数据需要，我们需要先通过接口获取到列表数据，然后再通过列表数据中指定的字段来获取下一级数据，这时候我们需要进行循环请求接口。

请求接口获取列表

首先请求接口获取列表，然后for循环，获取指定字段的值，通过这个值再次请求接口。

getData() {
  var that = this;
  dwbmzc({current: 1, size: 10}).then(res => {
    that.list = res.list
    for (const key of that.list) {
      that.getBMZCTAB(key.BM_ID)
    }
  }).catch(err => {
  })
},

二次请求接口

二次请求接口，为了确保数据能够和上面的列表在同一组数据中，我们需要循环一下列表，判断是否BM_ID是否一致，一致便为同一组数据，然后进行赋值。

getBMZCTAB(BM_ID) {
  var that = this;
  getBMZCTAB({current: 1, size: 10, BM_ID: BM_ID}).then(res => {
    that.list.forEach((type) => {
      if (type.BM_ID == BM_ID) {
        type.num = res.total ? res.total : 0
      }
    });
  }).catch(err => {
  })
}

这样循环请求就完成了。