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>

需要注意的是 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

猜你喜欢

转载自blog.csdn.net/ahualong1/article/details/130997676
今日推荐