Vue如何确保异步全部获取数据之后在去操作分页?

Question

下拉刷新, 如何确保异步全部获取数据之后在去操作分页?

// 下拉刷新
refresh() {
  // getOrderList方法是重新渲染列表
  this.getOrderList();

  // 根据this.orderList.length的长度来判断是否全部异步获取完数据, 因为之前已经获取过数据, 所以根据长度是不对的
  if (this.orderList.length > 0) {
    console.log('this.orderList', this.orderList);
    this.$toast('刷新成功');
    this.isLoading = false;
  }
}

Answer 1

可以用async和await，同步操作

Answer 2

将你 if 段的代码放在 getOrderList 方法获取到数据后，最好封装一个处理结果的 method

Answer 3

getOrderList返回一个Promise这里直接放then里不就完了么