日常开发中,我们通常会遇到接口异步请求存在多层依赖的关系,需要多层嵌套异步接口请求,可以通过promise来解决问题
- 封装单个请求
func1(data) {
return this.$axios.get('/xxx/xxxx/xxpatha', {
params: {
a: data
}
})
.then(res => {
return Promise.resolve(res.bean)
})
}
func2(data) {
return this.$axios.get('/xxx/xxxx/xxpathb', {
params: {
b: data
}
})
.then(res => {
return Promise.resolve(res.bean)
})
}
func3(data) {
return this.$axios.get('/xxx/xxxx/xxpathc', {
params: {
c: data
}
})
.then(res => {
return Promise.resolve(res.bean)
})
}
- 嵌套使用
func1('test').then(data1 => {
//...操作
func2.then(data2 => {
//...操作
func3.then(data3 => {
//...操作
})
})
})
可按照具体情况调整嵌套层数