wxml
<scroll-view bindscrolltolower="lower" scroll-y style="height:100vh;"> </scroll-view>
记得将app.wxss的page高度设为100vh
page{
height：100vh
}js lower() {
that.getData(); //加载更多数据
},为了防止拖动下来后疯狂的加载数据，我们可以增加一个函数节流
在utils目录中新建util.js,内容如下：
function throttle(fn, gapTime) {
if (gapTime == null || gapTime == undefined) {
gapTime = 1500
}
let _lastTime = null
// 返回新的函数
return function () {
let _nowTime = + new Date()
if (_nowTime - _lastTime > gapTime || !_lastTime) {
fn.apply(this, arguments) //将this和参数传给原函数
_lastTime = _nowTime
}
}
}
module.exports = {
throttle: throttle
}改造一下jsconst util = require('../../utils/util.js')
Page({
onLoad: function (options) {
},
lower() {
var that=this;
util.throttle(function (e) {
that.getData(); //加载更多数据
}, 2000)
},
})这样就控制在2秒内只能执行一次getdata函数
网友回复
我知道答案，我要回答
私活外包
最新提问
deepseek v4与glm5.1 kim2.6 qwen3.6哪个ai模型更强更好用？
gpt-image2能直接将图片转成分层透明的psd设计文件？
claude code、codex、gemini cli如何切换国内大模型使用？
蒸馏最强ai大模型是中小ai模型低成本升级的最好通道？
arena.ai上为啥没有最新的claude4.7及gpt5.5呢？
ai大模型公司为啥开始大量招聘文科生了？
cloudflared如何在低版本centos6或7上安装？
bfwsoa框架如何开启异步缓存与异步任务模式？
selenium如何获取网页js加载渲染后的真实dom结构？
go编写的Eino与python编写的langchain如何选择？
