Estoy creando una función asíncrona como método dentro de una instancia de Vue, que invocaré una vez que se haya montado el componente.
Lo que necesito hacer
Después de la resolución de una primera solicitud de API (getDevicesInOrganization), necesito iterar sobre la matriz de resultados de esta respuesta y realizar más solicitudes de API (getDeviceVariableData) usando un valor pasado como argumento de cada resultado (de la respuesta de la primera solicitud) . Luego envíe el valor que obtengo de cada respuesta de cada solicitud de la API getDeviceVariableData a una matriz.
lo que he probado
Creo una sola función asincrónica llamada (llamada getOfflineListData) que alojará las otras solicitudes (y se invocará cuando se monte el componente). Dentro getOfflineListData , se invoca la solicitud getDevicesInOrganization y trato de realizar las solicitudes adicionales iterando sobre la respuesta, pero obtengo una matriz de valores indefinidos.
getOfflineListData: function () { this.getDevicesInOrganization().then((data) => { data.results.forEach((result) => { this.names = result.name this.ids = result.id this.deviceRequestPromises.push( this.getDeviceVariableData(result.label), ) }) Promise.all(this.deviceRequestPromises).then((data) => { console.log(data) }) }) },