欢迎咨询

欢迎大家这里是CSDN我总结知识的地方喜欢的话请三连有问题请私信

文章目录前言一、下拉刷新事件1、下拉刷新的概念2、启用下拉刷新3、配置下拉刷新窗口的样式4、监听页面的下拉刷新事件5、停止下拉刷新的效果总结前言

大家好又见面了我是夜阑的狗本文是专栏【微信小程序开发教程】专栏的第25篇文章;

今天开始学习微信小程序的第14天开启新的征程记录最美好的时刻每天进步一点点。

专栏地址【微信小程序开发教程】

此专栏是我是夜阑的狗微信小程序开发过程的总结希望能够加深自己的印象以及帮助到其他的小伙伴。

一、下拉刷新事件

前面已经学习完了页面导航基本了解到声明式导航和编程式导航还有导航传参以及将形参挂载当前页面中进行使用。

接下来就来学习一下小程序中视图与逻辑中的页面事件是如何进行响应的。

话不多说让我们原文再续书接上回吧。

下拉刷新是移动端的专有名词指的就是通过手指在屏幕上的下拉滑动操作从而重新加载页面数据的行为。

在小程序中经常使用下拉刷新这个操作来刷新页面中的数据。

2、启用下拉刷新

之前有介绍过在小程序中所有页面都默认没有下拉刷新的。

启用下拉刷新有两种方式

启动方式说明全局开启下拉刷新

true。

但在实际开发过程中一般是不推荐全局开启的。

局部开启下拉刷新

.json

属性名类型默认值说明backgroundColorHexColor#ffffff用来配置下拉刷新窗口的背景颜色仅支持16

进制的颜色值。

backgroundTextStylestringdark用来配置下拉刷新

loading

bindtapcountAdd1/buttonmessage.js

Page({/***

页面相关事件处理函数--监听用户下拉动作*/onPullDownRefresh()

前面在使用下拉刷新的时候就发现在真机上下拉刷新并不会像模拟器那样主动关闭。

当处理完下拉刷新后下拉刷新的

loading

页面相关事件处理函数--监听用户下拉动作*/onPullDownRefresh()

当数据重置成功之后调用此函数自动关闭下拉刷新的效果wx.stopPullDownRefresh();},

下拉刷新的介绍使用如果觉得有帮助请给文章点个赞吧让更多的人看到。

原创不易还希望各位大佬支持一下你们的点赞、收藏和留言对我真的很重要

最后本文仍有许多不足之处欢迎各位认真读完文章的小伙伴们随时私信交流、批评指正下期再见。

更多专栏订阅: