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函数
网友回复
我知道答案，我要回答
私活外包
最新提问
如何破解绕开seedance2.0真人照片生成视频 限制？
python有哪些算法可以将视频中的每个帧图片去除指定区域水印合成新的视频？
iphone的激光雷达数据能否实时传输到three三维空间中？
豆包sora等ai视频生成大模型生成的视频水印如何去除？
python如何实现在电脑上拨号打电话给手机？
具身机器人与人形机器人区别？
nodejs如何将一个完整的js代码文件切割成不同的部分混淆后动态加载进入html运行？
为啥windows.onerror捕获js错误是这样的{"message":"Script error.","source":"","lineno":0,"colno":0,"stack":null,
2026年ai将全面接管编程？
WebMCP是干啥的？
