小程序如何实现下拉刷新更改数据

要实现的效果是:下拉窗口,数据更新之后,然后下拉窗口自动关闭。

注意:模拟器上看到的效果与真机调试上看到的效果并不是相同的,以真机调试为准。 

1.首先第一步需要是在 该页面的配置***. json文件开启下拉刷新属性,或者是在全局配置app.json中设置也可以。

enablePullDownRefresh": true

2.接着你可以在你需要看到效果的页面对应的js文件中,data中写需要修改数据的内容,这里小编写的是一个数组

 ❤ 接着在页面中进行渲染数据

     最重要的一步来了, 监听用户下拉动作,这里使用的是延时定时器,用来模拟异步操作。通过setData来改变arr数组的值,并且数据是挂载到实例上的,因此使用的时候需要使用this来指向实例。wx.stopPullDownRefresh()用来结束下拉动作,这个是写在定时器中的,如果写在外面,可能会造成数据还没有显示结束,但是已经关闭了。setTimeout是异步操作,在它外面的内容会先执行,而定时器需要它自己结束后,才返回结果,因此,需要在内部写。

 这就是下拉的整个过程,后期应该会有补充如果是发请求是什么样的,敬请期待,其实是大差不差的~~~(#^.^#)

猜你喜欢

转载自blog.csdn.net/m0_50013284/article/details/126165989
今日推荐