这段代码是一个名为 getList() 的方法,它在 uni-app 中用于获取数据列表,并实现了分页加载的功能。

代码解释:

  1. uni.stopPullDownRefresh();:停止下拉刷新动作,避免重复加载数据。
  2. if (this.listData.length != 0 && this.listData.length == this.total) return;:如果列表数据不为空且已加载了全部数据,则直接返回,不执行后续代码。
  3. if (this.listData.length < this.total) { this.current = this.reload ? 1 : this.current + 1; }:如果列表数据长度小于总数,则根据 reload 标志判断是否需要重新加载数据(将当前页数设置为 1),否则将当前页数加 1。
  4. let query = '?spuId=' + this.spuId + '&current=' + this.current + '&size=' + this.size;:构建查询参数字符串,包含 spuIdcurrent(当前页数)和 size(每页显示的数据量)。
  5. this.ajax.get(this.jk.evaluateList + query).then(res => { ... });:通过 ajax 发送 GET 请求,请求地址为 this.jk.evaluateList + query,请求成功后执行回调函数。
  6. this.total = res.data.total;:将返回的总数赋值给 total 变量。
  7. let list = res.data.records;:将返回的数据列表赋值给 list 变量。
  8. this.listData = this.reload ? list : this.listData.concat(list);:根据 reload 标志判断是否重新加载数据(将 list 赋值给 listData),否则将返回的数据列表与原有的数据列表进行拼接。
  9. if (list.length < this.size) this.status = '';:如果返回的数据长度小于每页显示的数量,则将状态设置为空。
  10. this.reload = false;:将 reload 标志设置为 false,表示不重新加载数据。

总体来说,这段代码通过 ajax 请求获取数据列表,并根据不同的情况对列表数据进行处理,实现分页加载的功能。

uni-app getList() 方法:如何获取数据列表并分页加载

原文地址: http://www.cveoy.top/t/topic/5zI 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录