1.实现下拉刷新和触底刷新,其实很简单,就在pages.json的pages数组内,对需要实现效果的页面加两句代码,大概如下
{
"path": "pages/post/home",
"style": {
"enablePullDownRefresh": true, //开启下拉刷新
"onReachBottomDistance":300 //触底刷新,距离底部多少,开始执行
}
},
然后在已开启的页面上,加如下的方法:
onPullDownRefresh(){
let _this = this;
//用户下拉操作时执行的方法
},
onReachBottom() {
//触底后执行的方法,比如无限加载之类的
},
然后在用的时候,就会发现下拉刷新的那个圆球,是不会自动消失的,所以下拉刷新还有一个关闭方法。
uni.stopPullDownRefresh();
而弹窗刷新的方法实现,则是如下的代码:
//显示弹窗出来刷新的方法
uni.showLoading({
title: '加载中...',
mask: true
});
//关闭弹窗刷新方法
uni.hideLoading();
标签:uniapp,功能,触底,相关,刷新,uni,方法,pages,弹窗 From: https://www.cnblogs.com/yejt/p/16626955.html