变量
data: {
videos: [],
page: 1,
pageSize: 8,
isLastPage: false,
tips: '上拉加载更多'
},
videos
数据容器page
当前页数pageSize
一页的数据量isLastPage
当前是否最后一页tips
页尾提示信息
上拉事件
onReachBottom: function () {
// 最后一页了,取消下拉功能
if (this.data.isLastPage) {
return
}
this.setData({
page: this.data.page + 1 })
this.requestVideos(this.data.activeIndex)
},
需要判断是否最后一页,不再响应加载,我这里直接return出函数了,requestVideos
是向服务器访问数据的自定义函数
你也可以在页面的.json
文件中定义距离底部多少距离,响应上拉事件,我试了,感觉差别不大,没太多影响
请求
requestVideos(index){
// 发起请求
wx.showLoading({
title: '加载中',
})
var app = getApp()
wx.request({
url: app.globalData.request_domain + '/index/index/videos',
data: {
type: