手册版本 V6.0
演示介绍
本页演示了基于原生模式的下拉刷新与上拉加载,需要的操作 :
01. 修改页面配置,开启下拉刷新
{
"path" : "pages/您的页面路径",
"style" :{
"navigationBarTitleText": "刷新和加载 · 原生模式",
"enablePullDownRefresh": true
}
}
}
02. 监听 onPullDownRefresh ( 下拉刷新 ) 事件;
03. vue 模式 : 监听页面 onReachBottom 事件实现加载更多;
04. nvue 模型 : 监听 list 组件 loadmore 事件实现加载更多;
兼容平台
细节提示
当刷新或者加载更多执行函数加载数据未结束时,不能再次执行刷新和加载,所以我们在演示代码中使用 :
loadingStatus 变量来记录了 api 加载数据的过程,原理 :
01. api 加载时 loadingStatus 为 true, 结束时 为 false ;
02. 在加载和刷新时 判断 loadingStatus 变量决定是否继续执行;
完整代码
登录并购买 GraceUI 后可以查阅完整手册内容 。
登录并购买 GraceUI 后可以查阅完整手册内容 。
登录并购买 GraceUI 后可以查阅完整手册内容 。