微信小程序之下拉加载和上拉刷新
微信小程序下拉刷新上拉加载的两种实现方法
方法一:onPullDownRefresh和onReachBottom方法实现小程序下拉加载和上拉刷新
首先要在json文件里设置window属性
属性 | 类型 | 描述 |
enablePullDownRefresh | Boolean | 是否开启下拉刷新,详见页面相关事件处理函数。 |
设置js里onPullDownRefresh和onReachBottom方法
属性 | 类型 | 描述 |
onPullDownRefresh | function | 页面相关事件处理函数——监听用户下拉动作 |
onReachBottom | function | 页面上拉触发底事件的处理函数 |
下拉加载说明:
当处理完数据刷新后,wx.stopPullDownRefresh可以停止当前页面的下拉刷新。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|
onPullDownRefresh(){
console.log(
'--------下拉刷新-------'
)
wx.showNavigationBarLoading()
//在标题栏中显示加载
wx.request({
url:
'https://URL'
,
|