原理 :
本示例使用 gui-refresh 、gui-loadmore、滚动区域组合来实现自定义模式的刷新和加载;相关组件及原理手册 :
01. [ 下拉刷新 · 基于页面组件 ] https://www.graceui.com/v5/info/10054-52.html
02. [ 加载更多 · 基于页面组件 ] https://www.graceui.com/v5/info/10055-52.html
与直接使用 gui-page 组件的区别 :
01. 更灵活的刷新滚动区域位置;
02. 需要手动绑定事件,实现一些相关的逻辑;当刷新或者加载更多执行函数加载数据未结束时,不能再次执行刷新和加载,所以我们在演示代码中使用 :
apiLoadingStatus 变量来记录了 api 加载数据的过程,原理 :
01. api 加载时 apiLoadingStatus 为 true, 结束时 为 false ;
02. 在加载和刷新时 判断 apiLoadingStatus 变量决定是否继续执行;
H5 | APP | 小程序 | NVUE |
✔ | ✔ | ✔ | ✔ |