VUE3+TS中Promise.all调用接口

VUE3+TS中Promise.all调用接口

1. 定义async接口

export async function parseText(data) {
    return request({
        url: '/semantic_piece/parse_text',
        method: 'post',
        data:data
}

2. Promise.all同时执行多个函数

1. 调用多个不同的函数：[ function_1,function_2]

Promise.all([function_1,function_2]).then(res =>{})

2. 遍历数组调用函数

promises定义中必须用map，不然报错

//定义promises
const promises = knowledgeText.value.map((item) => parseText(item))

  Promise.all(promises).then((resArray) => {
    resArray.forEach((res) => {
      knowledgeClaims.value.push(...res.data.data)
    })
    knowledgeClaims.value = [...new Set(knowledgeClaims.value)]
    knowledgeInstance.value.close()
  })

Tips

1. map：把元素组中的每个元素根据提供的函数，将结果返回到一个新的数组中
2. new Set(Array)：可以直接给数组去重
3. ...Array：展开符...直接把数组展开