uniapp 上拉加载 和下拉刷新
uniapp 提供开发者 两个函数
onPullDownRefresh () //下拉刷新
onReachBottom() //上拉加载
我们需要在 pages.json配置
{
“path”: “pages/test/test”,
“style”: {
“navigationStyle”: “custom”,
“navigationBarTitleText”:“我的测评”,
“enablePullDownRefresh”: true, //允许下拉刷新
“onReachBottomDistance”:0
}
},
注意点:
- onPullDownRefresh 和 onReachBottom 和 onload 或者 created 是同级的
- onPullDownRefresh() {
this.loadAll(); //请求接口
setTimeout(() => {
uni.stopPullDownRefresh(); //一秒之后停止刷新
}, 1000)
},
onReachBottom() {
let _this = this;
setTimeout(function() {
_this.size += 5;
_this.loadAll();
}, 1000);
}- 我们 不能给当前的页面添加滚动条