微信小程序刷新页面,小程序下拉刷新代码

微信小程序下拉刷新问题

 ​ ​ ​ ​ ​ ​ ​我们主要来说一下微信小程序的下拉刷新问题，这个问题也是我自己碰见的问题，问题比较二，但是又很恶心，所以在这里给大家分享一下，有这个问题朋友，赶紧从死胡同里出来。

 ​ ​ ​ ​ ​ ​ ​大家在做微信小程序的下拉刷新的时候，估计都看到官网文档给的这个东西：

见到过了这两个API，想必大家也就见到这个onPullDownRefresh()函数：

// 官网示例代码Page({ onPullDownRefresh () { wx.stopPullDownRefresh() }}) 错误点：

我当时在看到这个示例代码时，直接脑子一过：这么简单？

 ​ ​ ​ ​ ​ ​ ​然后我就直接去js文件里定义了一个叫onPullDownRefresh()的同名方法，写上我的逻辑代码，最后调用一下停止刷新wx.stopPullDownRefresh()。

看似完美的代码，却令我苦恼一上午，我写的代码就是不执行，函数命名和书写也没错，错在哪里呢?

 ​ ​ ​ ​ ​ ​ ​错就错在重复定义了onPullDownRefresh()函数，大家注意一下，这个函数在js文件中是自动生成的【自己手敲结构的除外】，所以不要犯重复定义的错误，直接在生成的函数里写就行了。

 ​ ​ ​ ​ ​ ​ ​由于这个函数的生成的位置比较靠下，而我们写代码时一般都会在onLoad()和data{}这两个东西所在的区域来进行，所以很容易就会忽略这个问题。

 ​ ​ ​ ​ ​ ​ ​所以有下拉刷新有问题的朋友一定要先检查一下是不是重复定义了这个onPullDownRefresh()函数。

 ​ ​ ​ ​ ​ ​ 至于我一开始官网上讲的wx.stopPullDownRefresh()和wx.stopPullDownRefresh()这两个函数怎么使用，有什么作用，这个官网上就说的很明显了，网上也有很多教程，在这里我就不赘述了。