欧美三区_99草在线视频_精品亚洲一区二区_毛片网站在线_国产偷窥老熟盗摄视频_精品国产乱码久久久久久蜜柚

技術文章
微信小程序之上拉加載和下拉刷新
發布日期:2019-06-24 閱讀次數:2347 字體大小:

使用系統提供的onPullDownRefresh、onReachBottom這2個事件,

前提需要在app.json或page.json配置文件中設置,才能使用。

app.json是全應用的頁面都可以使用該事件,page.json則只是對應的頁面才可以使用。


屬性

類型

默認值

描述

enablePullDownRefresh

Boolean

false

是否開啟下拉刷新。


示例:

app.json:

在app.json文件里設置window屬性


{
  "window":{
"enablePullDownRefresh": true
  }
}


 

page.json:

在page.json文件里直接設置屬性 

{
    "enablePullDownRefresh": true
}

 

示例:
可以結合導航欄loading顯示正在加載的效果

Page({
  data: {
    pageNum: 1,       // 設置加載的第幾次,默認是第一次
    isFirstLoad: true,   // 用于判斷List數組是不是空數組,默認true,空的數組
    hasMore: false,    // “加載更多”
  },
  // 下拉刷新
  onPullDownRefresh: function () {
    // 顯示導航欄loading
    wx.showNavigationBarLoading();
    // 調用接口加載數據
    this.loadData();
    // 隱藏導航欄loading
    wx.hideNavigationBarLoading();
    // 當處理完數據刷新后,wx.stopPullDownRefresh可以停止當前頁面的下拉刷新
    wx.stopPullDownRefresh();
  },
  // 上拉加載
  onReachBottom(e) {
    let that = this;
    if (that.data.hasMore) {
      that.setData({
        pageNum: that.data.pageNum + 1,  // 每次觸發上拉事件,把pageNum+1
        isFirstLoad: false                // 觸發到上拉事件,把isFirstLoad設為為false
      });

      that.loadData();
    }
  },
}) 

主站蜘蛛池模板: 日韩在线视频免费播放 | 日本高清电影在线播放 | 九九热视频在线免费观看 | 国产精品视频一区二区三区四 | 国产99免费 | 香蕉久久久久久 | 羞羞的视频在线 | 久久日本 | 免费黄色大片网站 | 在线播放免费播放av片 | 天海翼四虎精品正在播放 | 99精品视频在线导航 | 免费观看高清视频网站 | 免费观看黄视频 | 日本成人一二三区 | 日韩毛片在线看 | 蜜桃视频在线播放 | 91精品国产乱码久久桃 | 欧美视频一区二区三区在线观看 | 一级免费在线视频 | 国产精品一区二区三区在线看 | 精品一区二区三区欧美 | 日本黄色一级视频 | 特级a欧美做爰片毛片 | 国产精品.com | 亚洲欧美一区二区三区在线观看 | 久久69精品久久久久久国产越南 | 欧美精品一区自拍a毛片在线视频 | 精品不卡 | 国产精品视频免费网站 | 美国一级黄色毛片 | 欧美四级在线观看 | 久久久久久中文字幕 | 黄色高清免费网站 | 成人永久在线 | 国产乱淫av一区二区三区 | 国产免费黄网 | 羞羞草视频 | 超级av在线 | 欧美日韩亚洲国产 | 美国一级黄色毛片 |