uniapp Scroll-View реализует эффект вытягивающей загрузки и выпадающего обновления

Без дальнейших церемоний, давайте перейдем непосредственно к коду.

код макета

<scroll-view scroll-y="true" class="scroll-view-class" :style="'height:' + scroll_height+';width:694rpx;'"
				:scroll-top="scrollTop" refresher-enabled :refresher-triggered="triggered" @refresherrefresh="onRefresh"
				@scrolltolower="lower">
<view></view>//这里是你自己的item list
</scroll-view>

Следует отметить, что прокрутке должна быть присвоена фиксированная высота, и ее можно рассчитать в соответствии с вашими потребностями.

js часть кода

data(){
return{
scrollTop: 0,
				isEnd: false,
				triggered: false,
				isfreshing: false,
				isShowList: true,
}
},
methods: {
			//请求数据的方法
			pageGetUsedCarSearchMyReleaseList() {
				var that = this
				this.isRefresher = true
				getUsedCarSearchMyReleaseList(getApp().globalData.user_id, this.page_num, this.page).then(res => {
					uni.showLoading({})
					that