小程序使用scroll-view滑动到底部触发下一页的方法

1.在页面上建一个scroll-view

bindscrolltolower----bindscrolltolower
lower-threshold----距底部/右边多远时,触发 scrolltolower 事件

wxss:

 <scroll-view scroll-y="true" bindscrolltolower="touchBottom"  lower-threshold='50' style="height:87%">
 //里面放内容
  </scroll-view>

2.去js里定义
js:

touchBottom(){
         //currPage需要在data里定义为1
         //你写数据接口的地方是需要传页码的
        let currPage = this.data.currPage
        let a1 = currPage + 1
        let page = currPage > this.data.totalPage ? this.data.totalPage : a1
        this.setData({
          currPage: page
        })
        if (currPage < this.data.totalPage) {
          this.sysCustomerList();   //这里是你调用数据的方法
        } else {
          wx.showToast({
            title: '数据加载完毕',
            duration: 2000
          })
        }
    },
//去你数据方法那边  --- 这个是我自己的接口和方法
				var list = res.data.list  //拿到的数据
                let newList = that.data.list.concat(list)
                that.setData({
                    list: newList,  //这里的list必须等于concat前面的值
                    })

你可能感兴趣的:(自己的小问题收集,小程序问题的收集,vue.js)