微信小程序云开发获取数据时，记录总数超过20条的解决方案

不好意思，每日一道算法题的目标没有实现。

哈哈
第一次做微信小程序的云开发项目，请求运输库数据时,发现数据获取的不完整，只有20条，这才发现了微信小程序对于云开发的数据获取做了只能获取20条记录的限制，于是就去上网查阅了一下解决方案。网上有两篇不错的文章，在这里整合一下这两篇文章，并更具体的阐述下细节，以及自己遇到的问题。

//这里用async await 获取一下 集合中记录的总数 ，这样比较方便。。。
onLoad: async function () {
    let that = this  //建议小白以后都这样做，不然真的会出现一些弱智的问题，懂得都懂。。
    const db = wx.cloud.database({
      env: 'learn-tp9ek'
    });
    const c = db.collection("food"); //获取集合中记录的总数
    const total = await (await c.count()).total
    const batchTimes = Math.ceil(total / 20)
    console.log(batchTimes) //计算需要获取几次  比如你有36条数据就要获取两次 第一次20条第二次16条
    let arraypro = [] // 定义空数组 用来存储每一次获取到的记录 


    let x = 0 //这是一个标识每次循环就+1 当x等于batchTimes 说明已经到了最后一次获取数据的时候
    //没错，循环查询，看着就觉得很影响性能，但是么的办法。
    for (let i = 0; i < batchTimes; i++) {
    //分组获取
      db.collection("food").skip(i * 20).get({
        success: function (res) {
          x += 1
          // 20个20个的获取 最后一次不够20 那就是剩下的
          for (let j = 0; j < res.data.length; j++) {
            arraypro.push(res.data[j])
          }
          //判断是否是最后一次，如果是说明已经不用再继续获取了，这时候就可以赋值了
          if (x == batchTimes) {
            console.log(arraypro)
            that.setData({
              foodList: arraypro
            })
            console.log(that.data.foodList)
          }
        }
      })
    }
  },

我遇到的问题：没错，我用了this.setData