使用wux-refresher擴展實現上拉刷新，下拉加載，再配合上小程序原生的scroll-view感覺很完美了。

核心代碼如下：

<div class="m-active-list"><wux-refresher id="wux-refresher" @loadmore="more" @refresh="refresh"><scroll-view scroll-y class="ac-scroll"><active-row-hot :data="active" v-for="(active,index) in activeData" :key="index"></active-row-hot></scroll-view></wux-refresher></div> .m-active-list {position: absolute;bottom: 20rpx;top: 50px;left: 2%;width: 96%;border-radius: 5px;overflow: hidden;background: #fff;padding-top: 10px;padding-bottom: 10px;box-shadow: #f4f4f4 0px 1px 1px 1px;.ac-scroll {height: calc(100vh - 160rpx);} }

總結

以上是生活随笔為你收集整理的小程序 上拉刷新 下拉加载 代码备忘的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。