vue 请求时方法执行顺序问题,异步请求无法同时处理多个接口,使用同步顺序执行:async/await使用

vue 请求时方法执行顺序问题,异步请求无法同时处理多个接口,使用同步顺序执行:async/await使用

异步解决方案:async/await

  1. 多个await,同步拿到数据再处理
  2. 多个接口处理拿到数据进行处理,再进行渲染的步骤
  3. 解决数据不同步问题

代码:

使用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
},

注意:小程序需要打开【增强编译】

vue 请求时方法执行顺序问题,异步请求无法同时处理多个接口,使用同步顺序执行:async/await使用_第1张图片

 

你可能感兴趣的:(vue)