Vant-ui之list组件load五步

async onLoad() {
      // 异步更新数据
      // 1.setTimeout 仅做示例，真实场景中一般为 ajax 请求获取数据
      try {
        const { data } = await getArticle({
          type: 'a',
          source: this.source.toString(),
          offset: this.offset,
          limit: this.limit
        })
        console.log(data)
        // 2.数据加到列表
        const { results } = data.data

        this.list.push(...results)
        this.$emit('getSuccess', data.data)

        // 3.loading设置为false
        this.loading = false
        // 4. 判断是否还有数据
        if (results.length) {
          // 有就更新下一页数据
          this.offset = data.data.last_id
        } else {
          // 5.finished设置为true结束
          this.finished = true
        }
      } catch (err) {
        console.log(err)
      }
    }

以上是代码可复制，下面是图片。如果数据更新不及时，可以在created里再调用load