专注WEB开发 分享经验,沉淀知识

如何实现小程序下拉更新?

 作者:chenxing  时间:2017-05-04 18:00  评论:

要在config文件配置(xxx.json文件)即显式指的开启下拉刷新,这个配置很容易被忽略,有时候我明明写了onPullDownRefresh却没有效果,这是就要主要是不是配置未开启。

小程序提高了下拉刷新接口,需要满足三个要素。

1.要在config文件配置(xxx.json文件)即显式指的开启下拉刷新,这个配置很容易被忽略,有时候我明明写了onPullDownRefresh却没有效果,这是就要主要是不是配置未开启。

{
    "enablePullDownRefresh": true
}

可以配置咋全局app.json,可以针对某一个页面得xx.json中,配置在全局那么每一个页面都有下拉刷新效果。

2.onPullDownRefresh接口,写刷新逻辑代码。

3.wx.stopPullDownRefresh()终止刷新,这个接口是为了能及时得终止刷新效果,当然你不加这个也可以,小程序会按照默认时间自动终止刷新效果。

Page({
  onPullDownRefresh: function(){
    ...//刷新逻辑代码
    wx.stopPullDownRefresh()
  }
})

以上得接口其实就是提供一个下拉刷新的效果,仅仅只是ui效果。下拉对页面产生哪些改变还是要自己处理,也就是上面的‘刷新代码逻辑’;一般而言刷新都是重新请求接口数据,把新得到数据重新分配到页面中。

大家可以把请求数据的接口和分配数据到页面的逻辑代码进行封装,然后刷新的时候直接调用就行。

除特别注明外,本站所有文章均为作者原创。 或分享自己的编程经验,或探讨工作中的问题,或聊以人生趣事。 转载请注明出处来自 http://www.qiusuoweb.com/35.html

发布评论

 提交评论
有人回复时邮件通知我

 评论(0)

站长头像
chenxing(PHP攻城狮)

运营天数

总访问量

文章数量

-

-

-

交流群:157451741

新浪微博:草莽兴

 近期文章

个人博客图片免费存放解决方案

 2022-03-21 00:16  92

MySQL中的MVCC总结

 2022-03-19 03:00  94

什么才是高级工程师的第一技能

 2022-03-16 22:04  71

 最新评论

 诚心: 09月29日 23:01
学到了
来源: 如何一次性推送百万级别的消息
 Nick: 04月14日 12:26
网上的资料还是太老,都只是取一个元素,解决了一大难题
来源: redis set集合取出一组数据并删除
 skywalker: 11月03日 18:21
简洁明了
来源: mysql 获取某个日期的前一天或后一天
 lisheng: 05月09日 19:26
兴哥牛B加油哈兴哥成功的道路上你又进了一步 哈哈
来源: 一年时间又回到这里
 心态炸裂: 03月24日 10:54
No3.blindcomfirm 多了一个l,望改正!!!
来源: 微信小程序获取input值的总结
 666666: 11月08日 13:49
66666
来源: 一年时间又回到这里