第一步,设置 页面上拉触底事件触发时距页面底部距离
// 页面上拉触底事件触发时距页面底部距离"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() } },