欢迎光临,了解微信小程序开发,就上易用通!

微信小程序 原生实现下拉刷新

发布:2018-01-26 11:26浏览: 来源:网络 作者:cola

在微信小程序中想要实现下拉刷新,是很方便的。但是如何使用,在文档上找起来却不是很方便。话不多说,直接上文档截图

微信小程序 原生实现下拉刷新(图1)

 

很明显,enablePullDownRefresh 这个属性设置为true。就默认开启了下拉刷新。enablePullDownRefresh可以 写在app.json 中 和页面的***.json

app.json 

微信小程序 原生实现下拉刷新(图2)

 

***.json

 

微信小程序 原生实现下拉刷新(图3)

 

两者的区别是,app.json 是全局型的下拉刷新,而***.json 是单个页面的下拉刷新,只能设置window相关的配置项,以决定本页面的窗口表现,所以无需写window这个键。

  剩下的就是监听下拉刷新了,直接上代码。

 

微信小程序 原生实现下拉刷新(图4)

 

   wx.stopPullDownRefresh() 是隐藏下拉刷新动画icon。剩下的就是下拉刷新后你要写的逻辑了





免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。