当前位置:   article > 正文

uniapp小程序给指定的页面新增下拉刷新功能

uniapp小程序给指定的页面新增下拉刷新功能

需求:有些页面需要实时更新数据,但是又不能做实时刷新,所以给用户一个手动下拉刷新指定接口的功能

第一步:在pages.json给页面加"enablePullDownRefresh": true配置

第二步:在指定页面写onPullDownRefresh方法,和methods同级 

  1. onPullDownRefresh() {
  2. //加个定时器1秒后关闭刷新
  3. setTimeout(() => {
  4. uni.stopPullDownRefresh();
  5. }, 1000);
  6. //下拉刷新重新调用接口
  7. this.getAreaeatil()
  8. },

然后就没有然后了!

 

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/2023面试高手/article/detail/422318
推荐阅读
相关标签
  

闽ICP备14008679号