欢迎访问 如意编程网!

如意编程网

当前位置: 首页 > 编程资源 > 编程问答 >内容正文

编程问答

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

发布时间:2024/5/15 编程问答 23 豆豆
如意编程网 收集整理的这篇文章主要介绍了 【微信小程序】页面上拉触底事件的处理函数 小编觉得挺不错的,现在分享给大家,帮大家做个参考.


官方说明: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();},

总结

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

如果觉得如意编程网网站内容还不错,欢迎将如意编程网推荐给好友。