官方说明: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+1
isFromSearch: false //触发到上拉事件,把isFromSearch设为为false
});
that.fetchSearchList();
},