美文网首页
小程序下拉刷新

小程序下拉刷新

作者: _Gaara_ | 来源:发表于2020-11-19 14:11 被阅读0次

    默认是关闭的,而方法是内置的。所以需要开启配置
    在对应页面的json文件中加入:

    {
      "enablePullDownRefresh": true,//开启下拉刷新
    }
    

    然后再页面自带的方法里

    onPullDownRefresh:function(){
        this.onLoad(); 
      },
    

    如果你没有在onLoad有渲染动作,就自己写一个刷新的方法替换掉 this.onLoad();
    ====更新====
    单纯这么写会有问题,下拉之后不马上回来,头顶部会留一段空白
    做如下修改:

     /**
       * 页面相关事件处理函数--监听用户下拉动作
       */
      onPullDownRefresh: function () {
        var that = this;
        wx.stopPullDownRefresh({
          success: (res) => {
            that.onLoad();
          },
        }) 
      },
    

    相关文章

      网友评论

          本文标题:小程序下拉刷新

          本文链接:https://www.haomeiwen.com/subject/xjzkiktx.html