今天在實現(xiàn)小程序下拉加載更多功能的時候遇到了一個bug
剛開始一直想通過小程序的onReachButtom實現(xiàn)觸底調(diào)用getGoodsList方法實現(xiàn)下拉加載更多，但onReachButtom函數(shù)總是不觸發(fā)

  onReachButtom(){
    this.getGoodsList()
  }

上網(wǎng)找了各種解決辦法都沒有解決，在main.json中加‘enablePullDounRefresh:true’這些都不能解決（enablePullDounRefresh:true是下拉刷新，不是下拉刷新...）

最后在小程序官方文檔中看到，scroll-view這個組件中有scrolltolower事件
（距離底部/右邊多遠時，觸發(fā)scrolltolower事件）
所以我將商品列表放在scroll-view這個組件中實現(xiàn)（記得給scroll-view一個高度），scroll-view內(nèi)部觸及底部的時候觸發(fā)scrolltolower事件，在scrolltolower事件函數(shù)中調(diào)用 this.getGoodsList()方法實現(xiàn)頁面局部數(shù)據(jù)懶加載

2020-05-11 下午6.27.23.png

handleScrollToButtom(){
    this.getGoodsList()  
}

成功實現(xiàn)頁面局部數(shù)據(jù)懶加載

2020-05-11 下午6.34.51.png

so問題應(yīng)該是onReachButtom是針對整個頁面到達底部時觸發(fā)，而我的goodslist是一個絕對定位定位在頁面上的，我也沒有給page一個固定的高度，我在goodslist上做滑動的時候，相對于頁面來說，并沒有觸發(fā)到底部。