• 微信公众号:美女很有趣。 工作之余,放松一下,关注即送10G+美女照片!

02-滚动加载

开发技术 开发技术 2周前 (05-01) 3次浏览

 

   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);
    },

 


程序员灯塔
转载请注明原文链接:02-滚动加载
喜欢 (0)