【微信小程序】页面上拉触底事件的处理函数

官方说明：https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/page.html#页面事件处理函数

在小程序中实际使用：

.js

/*** 页面的初始数据*/data: {searchSongList: [], //放置返回数据的数组isFromSearch: true, // 用于判断searchSongList数组是不是空数组，默认true，空的数组searchPageNum: 1, // 设置加载的第几次，默认是第一次callbackcount:5, //返回数据的个数}, /*** 获取数据*/fetchSearchList: function () {App.HttpService.xxxxxxx(Api)({//xx:xxxxxx,//……//(参数 包括加载数据 返回数据个数等)}).then((res) => {//判断是否有数据，有则取数据if (res.rows !== null && res.rows.length>0){let searchList = [];//如果isFromSearch是true从data中取出数据，否则先从原来的数据继续添加this.data.isFromSearch ? searchList = res.rows : searchList = this.data.searchSongList.concat(res.rows);//(数据处理一下 然后setData)}).catch((error) => {console.log('error', error)})}, /*** 页面上拉触底事件的处理函数*/onReachBottom: function () {let that = this;that.setData({searchPageNum: that.data.searchPageNum + 1, //每次触发上拉事件，把searchPageNum+1isFromSearch: false //触发到上拉事件，把isFromSearch设为为false});that.fetchSearchList();},

总结

以上是生活随笔为你收集整理的【微信小程序】页面上拉触底事件的处理函数的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。