vue遍历数组异步请求
时间: 2023-11-01 13:08:30 浏览: 114
在Vue中遍历数组进行异步请求可以通过多种方式实现。一种常见的方法是使用`for...of`循环和`await`关键字。以下是一个示例代码:
```javascript
async fetchDescription(data) {
var arr = [];
for (const item of data) {
var prop = await Description.fetch(item);
arr.push(prop.data);
}
console.log(arr);
}
```
另一种方法是使用`Promise.all()`方法和`map()`函数来并行处理异步请求。以下是一个示例代码:
```javascript
async fetchDescription(data) {
var promises = data.map(async (item) => {
var prop = await Description.fetch(item);
return prop.data;
});
var arr = await Promise.all(promises);
console.log(arr);
}
```
这两种方法都可以遍历数组并异步请求数据,但是第二种方法更适合处理大量异步请求,因为它可以并行处理请求并提高性能。你可以根据具体的需求选择合适的方法。
(引用的代码片段来源:https://segmentfault.com/a/1190000022224202)
(引用的代码片段来源:https://www.cnblogs.com/LULULI/p/10831523.html)
阅读全文