第一步,设置 页面上拉触底事件触发时距页面底部距离
// 页面上拉触底事件触发时距页面底部距离
"onReachBottomDistance": 50,
第二步,onReachBottom设置方法
//上拉触底
onReachBottom() {
this.msg += '我到底了;'
},
配合uni-load-more使用案例代码
//下拉刷新
onPullDownRefresh() {
console.log('下拉刷新了1次');
this.page = {
pagenum: 1,
pagesize: 10,
}
this.getList()
uni.stopPullDownRefresh()
},
//上拉触底
onReachBottom() {
//判断是否数量是否大于总页数
let {
pagenum,
pagesize
} = this.page
if (pagenum && pagesize && pagenum * pagesize > this.total) {
this.loadMoreStatus = "noMore"
} else {
this.loadMoreStatus = "loading"
this.page.pagesize += 10
this.getList()
}
},