uniapp 上拉加载 下拉刷新

uniapp 上拉加载 和下拉刷新
uniapp 提供开发者 两个函数
onPullDownRefresh () //下拉刷新
onReachBottom() //上拉加载
我们需要在 pages.json配置
{
“path”: “pages/test/test”,
“style”: {
“navigationStyle”: “custom”,
“navigationBarTitleText”:“我的测评”,
“enablePullDownRefresh”: true, //允许下拉刷新
“onReachBottomDistance”:0
}
},

注意点:

  1. onPullDownRefresh 和 onReachBottom 和 onload 或者 created 是同级的
  2. onPullDownRefresh() {
    this.loadAll(); //请求接口
    setTimeout(() => {
    uni.stopPullDownRefresh(); //一秒之后停止刷新
    }, 1000)
    },
    onReachBottom() {
    let _this = this;
    setTimeout(function() {
    _this.size += 5;
    _this.loadAll();
    }, 1000);
    }
    1. 我们 不能给当前的页面添加滚动条

猜你喜欢

转载自blog.csdn.net/weixin_45932463/article/details/114121912