首页 > 其他分享 >uniapp相关功能实现

uniapp相关功能实现

时间:2022-08-26 11:23:56浏览次数:81  
标签:uniapp 功能 触底 相关 刷新 uni 方法 pages 弹窗

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

相关文章