微信小程序使用scroll-view加载更多的方法

第一步：scroll-y 允许纵向滚动， bindscrolltolower 定义了滚动到底部时应该执行的函数，参考下面代码：

<scroll-view  scroll-y   bindscrolltolower='toLow' style="height: {{height}}px">

第二步：style 中使用了 js 中获取的屏幕可用高度使用 scroll-y 需要指定 scroll 的高度，参考如下代码：

onLoad: function (options) {
  wx.getSystemInfo({
    success: (res) => {
      this.setData({
        height: res.windowHeight
      })
    }
  })
},
toLow(){
  this.setData({
    isLoading: true
  })
},

第三步：然后在 scroll 下面放你的 loading 组件就可以了..

<scroll-view  scroll-y   bindscrolltolower='toLow' style="height: {{height}}px">
  ......
  <view hidden="{{!isLoading}}">
    <Loading></Loading>
  </view>
</scroll-view>

模板简介：该模板名称为【微信小程序使用scroll-view加载更多的方法】，大小是，文档格式为.，推荐使用打开，作品中的图片，文字等数据均可修改，图片请在作品中选中图片替换即可，文字修改直接点击文字修改即可，您也可以新增或修改作品中的内容，该模板来自用户分享，如有侵权行为请联系网站客服处理。欢迎来懒人模板【小程序教程】栏目查找您需要的精美模板。