uni-app 中自帶下拉加載數據的方法,只需要在pages.json
中開啓配置,在頁面中完善相關的方法即可。
現在是,一個頁面有多個塊,每個塊中用下拉加載數據的操作,那麼可以使用 scorll-view
來進行下拉刷新
<scroll-view
:style="height:500rpx"
scroll-top="0"
scroll-y="true"
class="scroll-Y"
@scrolltolower="v_lower"
@scroll="v_scroll">
</scroll-view>
在methods方法中完善 v_lower
方法即可
export default {
data(){....},
methods:{
//下拉加載
v_lower: function(e) {
//加載數據具體方法
},
}
}
詳情查看官方scroll-vew
參數 scroll-view參數與方法