微信小程序 向下滾動加載更多 和 上滑刷新的寫法


 

 首先data有這么幾個   :

  titleList :標題數據

  page:當前查詢頁

  pageSize:當前查詢頁數量

  total:查詢頁總數

 

wxml寫:

 

 

 

對應的wxss:

 

 

 

JS 實現:

  修正: promise  不是 promies  手誤打錯,看懂即可

 

 封裝好請求,然后頁面生命周期函數: 初始化好頁面就發一次請求:

 請求好了 設置titleList 為響應體數據。 然后結合wxml(前面)  去循環遍歷出來。

 

下拉加載更多也其實是分頁的實現:

 

 

所以也是非常簡單的!

 

下拉刷新實現:

 

 

 

總結:

這里用到的是 整個頁面的下拉 和  整個頁面的 上划刷新效果

其實可以不這樣用,其實可以直接用 scroll-view  組件里面的 ,這樣的話更好一點,

 

其次關於srcoll-view 注意點:

縱向下滑如果沒效果 記得給個固定高度,其次橫向滑動的話 存在塊元素  那么記得 設置不換行。

 

一起學習 一起交流 一起前進


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM