uni-app getList() 方法:如何获取数据列表并分页加载
这段代码是一个名为 getList() 的方法,它在 uni-app 中用于获取数据列表,并实现了分页加载的功能。
代码解释:
uni.stopPullDownRefresh();:停止下拉刷新动作,避免重复加载数据。if (this.listData.length != 0 && this.listData.length == this.total) return;:如果列表数据不为空且已加载了全部数据,则直接返回,不执行后续代码。if (this.listData.length < this.total) { this.current = this.reload ? 1 : this.current + 1; }:如果列表数据长度小于总数,则根据reload标志判断是否需要重新加载数据(将当前页数设置为 1),否则将当前页数加 1。let query = '?spuId=' + this.spuId + '¤t=' + this.current + '&size=' + this.size;:构建查询参数字符串,包含spuId、current(当前页数)和size(每页显示的数据量)。this.ajax.get(this.jk.evaluateList + query).then(res => { ... });:通过ajax发送 GET 请求,请求地址为this.jk.evaluateList + query,请求成功后执行回调函数。this.total = res.data.total;:将返回的总数赋值给total变量。let list = res.data.records;:将返回的数据列表赋值给list变量。this.listData = this.reload ? list : this.listData.concat(list);:根据reload标志判断是否重新加载数据(将list赋值给listData),否则将返回的数据列表与原有的数据列表进行拼接。if (list.length < this.size) this.status = '';:如果返回的数据长度小于每页显示的数量,则将状态设置为空。this.reload = false;:将reload标志设置为false,表示不重新加载数据。
总体来说,这段代码通过 ajax 请求获取数据列表,并根据不同的情况对列表数据进行处理,实现分页加载的功能。
原文地址: http://www.cveoy.top/t/topic/5zI 著作权归作者所有。请勿转载和采集!