uni-app在页面的生命周期中提供onReachBottom 页面滚动到底部的事件(不是scroll-view滚到底),常用于上拉加载下一页数据。如使用scroll-view导致页面级没有滚动,则触底事件不会被触发
在页面中 使用时 onReachBottom
可在pages.json里定义具体页面底部的触发距离onReachBottomDistance,比如设为50,那么滚动页面到距离底部50px时,就会触发onReachBottom事件。
"enablePullDownRefresh": true
在页面中 直接使用,与生命周期函数 同级别
data() {
return {
listQuery:{
}
walletAddress: '',
lang: 'en',
};
},
onLoad(){
},
onReachBottom() {
console.log('触底刷新')
if(this.listQuery.pageNum * this.listQuery.pageSize < this.total){
this.listQuery.pageNum ++
this.getList()
}
},
methods: {
// 获取列表数据
getList(){
this.$http('/data/data/getList', {this.listQuery}, "GET").then(res => {
this.total = res.result.total;
if(this.listQuery.pageNum == 1){
this.list = res.result.records
}else{
this.list = this.list.concat(res.result.records)
}
})
},
}