02-滚动加载

 

   onLoad() {
      this.params.page++;
      // 此处加500毫秒延迟纯属为了接口请求太快，出现不了“加载中”文字提示
      // setTimeout(() => {
        this.listInterface(this.params)
          .then(res => {
            // 调用父组件上的处理字段的方法，为了组件复用性
            let newData = this.parentThis.changeTxtNameFn(res.data.list);
            this.listData = this.listData.concat(newData);
            this.total = res.data.total;
          })
          .finally(() => {
            // 加载状态结束
            this.loading = false;
            // 当前页码 * 每页条数 >= 总数的时候，load不再触发
            if (this.params.page * this.params.per_page >= this.total) {
              this.finished = true;
            }
          });
      // }, 500);
    },