Skip to content

useAsyncQueue

顺序执行每个异步任务并将当前任务结果传递给下一个任务

¥Executes each asynchronous task sequentially and passes the current task result to the next task

示例

activeIndex: -1
result: [ { "state": "pending", "data": null }, { "state": "pending", "data": null } ]

用法

¥Usage

ts
import { 
useAsyncQueue
} from '@vueuse/core'
function
p1
() {
return new
Promise
((
resolve
) => {
setTimeout
(() => {
resolve
(1000)
}, 10) }) } function
p2
(
result
: number) {
return new
Promise
((
resolve
) => {
setTimeout
(() => {
resolve
(1000 +
result
)
}, 20) }) } const {
activeIndex
,
result
} =
useAsyncQueue
([
p1
,
p2
])
console
.
log
(
activeIndex
.
value
) // current pending task index
console
.
log
(
result
) // the tasks result
js
import { useAsyncQueue } from '@vueuse/core'
function p1() {
  return new Promise((resolve) => {
    setTimeout(() => {
      resolve(1000)
    }, 10)
  })
}
function p2(result) {
  return new Promise((resolve) => {
    setTimeout(() => {
      resolve(1000 + result)
    }, 20)
  })
}
const { activeIndex, result } = useAsyncQueue([p1, p2])
console.log(activeIndex.value) // current pending task index
console.log(result) // the tasks result