uniapp之上拉、下拉臨界點的監聽（當前界面，或部分視圖）-------生命週期函數的運用，或scroll-view 的運用

// 組件嵌套方式的上拉，下拉觸碰（當前界面只對部分視圖進行滾動）
<scroll-view 
    style="height: 450upx;" 
    class="scroll-v list" 
    @scrolltoupper="pullDown" 
    enableBackToTop="true" 
    scroll-y  
    @scrolltolower="loadMore">
        放入視圖組件
</scroll-view>
pullDown(e){
    console.log(e,'下拉')
    uni.showToast({
        title: '下拉刷新',
        duration: 2000
    });
},
loadMore(e){
    console.log(e,'上拉')
    uni.showToast({
        title: '上拉加載更多',
        duration: 2000
    });
},json

// 當前界面（不存在引用的外部組件）進行上拉、下拉
一、在pages.json文件中配置，開啓下拉刷新
{
 "pages": [
  {
   "path": "pages/index/index",
   "style": {
    "enablePullDownRefresh": true
   }
  }, 
二、在界面中調用生命週期函數
onPullDownRefresh(){
    uni.showToast({
        title: '下拉刷新',
        duration: 2000
    });
},
onReachBottom(){
    uni.showToast({
        title: '上拉加載更多',
        duration: 2000
    });
},函數

兩種方式相似，區別就是一個利用了生命週期進行監聽，一個利用了scroll-view標籤。生命週期

後續更新上拉加載更多，下拉刷新的功能代碼講解。it