uni-app 下拉刷新
小小记录一下
(一) 下拉刷新
<!-- page.json 中设置一下 -->
"enablePullDownRefresh": true,
<!-- 当前页处理下拉时候的事件 -->
onPullDownRefresh(){
},
<!-- 处理完成后关闭下拉效果 -->
uni.stopPullDownRefresh();
setTimeout(function () {
uni.stopPullDownRefresh();
}, 2000);
(二) 上拉加载
<!-- data 里自定义一个空数组 -->
list: []
<!-- 调接口的时候 用 ... 拼接 -->
this.list.push(...data);
<!-- 分页的时候直接 page++ 再调接口就好 -->
onReachBottom() {
if (!this.nomore) {
this.page++;
this.getData();
}
}
<!-- 可以先用 if 判断下条件,然后再确定是否要加载(这样可以少请求接口,更方便) -->

浙公网安备 33010602011771号