onReachBottom(上拉加载)
data(){
return {
list: [], // 列表数组
pageSize: 10, // 条数
pageNum: 1, // 页数
allPageNum: 0 // 总页数
}
},
//上拉加载
onReachBottom(){
if (this.pageNum >= this.allPageNum){
console.log('没有数据了')
} else {
// 页数
this.pageNum = ++this.pageNum;
// 查询列表
this.getList();
}
},
methods: {
// 查询数据
getList() {
uni.request({
url: url,
method: 'GET',
data: {
pageSize: this.pageSize, // 条数
pageNum: this.pageNum, // 页数
},
header: {
'Content-Type': 'application/json'
},
success: function(res) {
// 数据赋值
this.list= this.list.concat(res.rows);
}
})
}
}
onPullDownRefresh(下拉刷新)
//在pages.json中找到需要开启的页面. 在style中输入"enablePullDownRefresh": true
{
"path": "/",
"navigationStyle": "custom",
"background": "white",
"style": {
"backgroundTextStyle": "dark",
"enablePullDownRefresh": true, //设置为true表示当前页面开启下拉刷新
}
}
// 下拉刷新
onPullDownRefresh() {
setTimeout(function () {
uni.stopPullDownRefresh();
}, 1000);
// 清空列表
this.list= [];
// 回复初始值
this.pageNum = 1; // 页数
this.pageSize = 10; // 条数
// 调用查询数据接口
this.getList();
},