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函数
网友回复
我知道答案，我要回答
私活外包
最新提问
python能写一个检测nginx rewrite高危漏洞的工具代码？
css如何给video视频进行mask遮罩？
windows如何同时允许两个用户远程桌面连接同一个电脑？
nginx升级到1.30.1导致无法启动 [emerg] SSL_CTX_new() failed怎么办？
什么是ASLR（地址随机化）？
有没有不依赖embedding向量的RAG技术？
有没有支持实时打断语音通话并后台帮你执行任何的ai模型？
开源ai大模型文件格式GGUF、MLX、Safetensors、 ONNX 有什么区别？
出海挣钱支付收款PayPal、Wise 、PingPong、Stripe如何选择？
如何实现类似google的图片隐形水印添加和识别技术？
