当前位置:   article > 正文

原生小程序下拉刷新,上拉加载更多、左右翻页_小程序onpagerefresh()

小程序onpagerefresh()

下拉刷新

(1)开启下拉刷新(json文件中)

 "enablePullDownRefresh": true
  • 1

(2)在Js文件中加入如下代码

 /**
       * 页面相关事件处理函数--监听用户下拉动作
       */
    onPullDownRefresh: function () {
        wx.showNavigationBarLoading();
        this.setData({
            pageNum: 1
        });
        this.xxx();
    },`
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10

(3)在xxx成功时加入如下代码

	`wx.hideNavigationBarLoading();
      wx.stopPullDownRefresh();`
  • 1
  • 2

上拉加载更多

(1)js中加入如下代码

/**
       * 页面上拉触底事件的处理函数
       */
    onReachBottom: function () {
        // 显示加载图标
        if (this.data.pageNum <this.data.last_page) {
            wx.showLoading({
                title: '玩命加载中',
            })
            // 页数+1
            this.setData({
         
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小小林熬夜学编程/article/detail/96966
推荐阅读
相关标签
  

闽ICP备14008679号