The vue component has 2 async functions to fetch

Question

The vue component has 2 async functions to fetch

data look like this
async getName() {
let res = await fetch(xxx)
res = await res.json()}
return res;}
async getAddr(){
let res = await fetch(xxx)
res = await res.json()}
return res
}
In vuejs component
async mounted (){
this.showLoader=true
let res = await Promise.all([getName(),getAddr()]
//remove loader if response array has been resolved successfully
this.showLoader=false
The problem is here, how do I add a timeout handler for promise.all()?
If over 10 seconds then I would remove the loader component and pop out failed connection notifications ?
Where the handler should be added?

0

02.01.2020

2 ответов

4 просмотра

Пользователь 61a12

if the timeout is by solid design, promise.race() as suggested by @molteber would work. but if you need to catch failed network connection, use try catch block.

0

02.01.2020

Morten Mehus · Accepted Answer

Morten Mehus

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise/race Maybe this is something you can use?

0

02.01.2020

Похожие чаты

The vue component has 2 async functions to fetch

2 ответов

Похожие вопросы