接口之间异步问题可以采用Promise+async+await
链接: https://blog.csdn.net/qq_39816586/article/details/103517416
使用场景:
1.保障用户必须完成自动登录,才调用后续逻辑
2.保障必须完成初始启动,才调用后续逻辑
3.保障先执行onLoad,才调用后续逻辑
…
举例:
父组件有一个接口A,子组件有一个接口B
两个的接口调用顺序,不是固定的,有时B先执行,有时A先执行
最终目的:A先执行在执行B
父组件A
import Vue from 'vue'
setup(props, context) {
const getA = async () => {
// 赋值全局变量
Vue.prototype.$checkA = new Promise(resolve => {
Vue.prototype.$hasA = resolve
})
await request('A')
// 接口A执行完毕,调用回调
context.root.$hasA() // vue3写法 this.$hasA() // vue2写法
}
return {
getA
}
}
子组件B
setup(props, context) {
const getB = async () => {
// 等待接口A先执行完毕,在执行接口B
await content.root.$checkA // vue3写法 await this.$checkA // vue2写法
await request('B')
}
return {
getB
}
}