一、实践步骤
1. 在页面配置中开启下拉刷新。
例如,若想刷新列表中的数据,可以调用数据列表的方法 API 实现;若想重置页面变量,可以通过 setData 的形式进行初始化。
onPullDownRefresh: function () { $w.listView1.refresh() // 刷新组件内的数据,ID 为 listView1 wx.stopPullDownRefresh() //刷新完成后停止下拉刷新动效 },
为实现小程序下拉刷新页面,一共需要执行以下两个步骤2. 在页面的生命周期中增加 onPullDownRefresh 事件,并定义刷新的内容,刷新完成之后停止下拉刷新动效。
1. 在页面配置中开启下拉刷新。
例如,若想刷新列表中的数据,可以调用数据列表的方法 API 实现;若想重置页面变量,可以通过 setData 的形式进行初始化。
onPullDownRefresh: function () { $w.listView1.refresh() // 刷新组件内的数据,ID 为 listView1 wx.stopPullDownRefresh() //刷新完成后停止下拉刷新动效 },