data数据定义内容data:
data:{page:1,//参数页码
douyulist:[],//数据接受的数组
// 标记加载更多的方式 如果为true触底加载更多,不为true时下拉刷新
bottom:true,
title:"正在加载中..."}
发送请求及处理逻辑
dataRequest(){
wx.request({
//使用的斗鱼的链接
url: 'https://m.douyu.com/api/room/list',
data:{
page:this.data.page
},
success:res=>{
console.log(res.data.data.list)
if(res.data.data.list){
this.setData({
//下拉将数据合并至最后,触底将数据合并再最前
douyulist:this.data.bottom?this.data.douyulist.concat(res.data.data.list):res.data.data.list.concat(this.data.douyulist)
})
if(!this.data.bottom){
// 停止下拉刷新
wx.stopPullDownRefresh()
}else{
// bottom 为true 触底加载更多
this.setData({
title:"我是有底线的..."
})
}
}
}
})
},
页面上拉触底事件的处理函数
onReachBottom: function () {
this.setData({
page:this.data.page+1,
bottom:true
})
this.dataRequest()
},
页面相关事件处理函数–监听用户下拉动作
onPullDownRefresh: function () {
this.setData({
page:this.data.page+1,
bottom:false
})
this.dataRequest()
},
生命周期函数–监听页面加载
onLoad: function (options) {
this.dataRequest()
this.onReachBottom()
},