vue 请求时方法执行顺序问题,异步请求无法同时处理多个接口,使用同步顺序执行:async/await使用
vue 请求时方法执行顺序问题,异步请求无法同时处理多个接口,使用同步顺序执行:async/await使用在vue开发中项目中,有时需要在一个地方请求多个接口处理数据,然后进行渲染的步骤;异步当数据没有返回就开始处理,导致没有拿到返回数据报错的问题;使用async搭配await实现;代码:使用async,await:async _getCurrentTagsGet() {...
·
vue 请求时方法执行顺序问题,异步请求无法同时处理多个接口,使用同步顺序执行:async/await使用
异步解决方案:async/await
- 多个await,同步拿到数据再处理
- 多个接口处理拿到数据进行处理,再进行渲染的步骤
- 解决数据不同步问题
代码:
使用async,await:
async _getCurrentTagsGet() {
let result = []
let paramTag = {
limit: 100,
belong_to_who: '',
belong_to_what: 'bug',
}
const tags = await this.INAPI.apiGetTagsGet(paramTag)
// 可以多个await,同步拿到数据再处理
const xxx = await this.xxx(xxx)
console.log(xxx)
if (tags.code === RES_OK) {
console.log(tags)
result = tags.data.results
} else {
elementUiMsg(this, 'warning', '获取标签失败')
}
return result
},
注意:小程序需要打开【增强编译】
更多推荐
已为社区贡献13条内容
所有评论(0)