在 iOS 真機上，scroll-view 滾動時會多次觸發(fā) scrolltolower 事件的問題，可以設(shè)置一個“加載標識”（如 DisableTrigger）來避免重復(fù)請求下一頁數(shù)據(jù)。具體做法為：

在 data 中新增一個 DisableTrigger 變量，用于標識當(dāng)前是否可以執(zhí)行下一頁數(shù)據(jù)的加載操作。

在 init()方法中，在請求數(shù)據(jù)前將 DisableTrigger 設(shè)置為 false，表示當(dāng)前正在加載數(shù)據(jù)。

在請求數(shù)據(jù)成功后，將 DisableTrigger 設(shè)置為 true，表示當(dāng)前已經(jīng)完成數(shù)據(jù)加載。

在 onreachBottom 方法中，判斷 DisableTrigger 是否為 true，如果是，則執(zhí)行下一頁數(shù)據(jù)的加載，否則不做任何操作。

以下是具體的示例代碼：文章來源地址http://www.zghlxwxcb.cn/news/detail-639968.html

<scroll-view style="height: 100%;" scroll-y="true" @scrolltolower="onreachBottom">
  <view class="panel-item " v-for="item in rankList" :key="item.id">
	 <view> </view>
  </view>
</scroll-view>

<script>
	export default {
		data() {
			return {
				rankList: [],
				page: 1,
				total: 1,
				DisableTrigger:true //標識
			};
		},
		onShow() {
			if (this.$store.state.token) {
				this.init()
			} else {
				this.$to('login')
			}
		},
		methods: {
			async init(page = 1) {
				this.page = page
				//加載前設(shè)置DisableTrigger為false
				this.DisableTrigger = false
				uni.showLoading({
					mask: true
				})
				//請求接口數(shù)據(jù)
				let res = await api.getRank({
					page: this.page,
				});
				if (res.errCode == 0) {
					this.total = res.data.totalPage;
					let list = res.data.list;
					if (this.page == 1) {
						this.rankList = list
					} else {
						this.rankList = this.rankList.concat(list);
					}
					//接口加載成功返回數(shù)據(jù)后DisableTrigger為true
					this.DisableTrigger = true
				} else if (res.errCode != 2 && res.errCode != 3) {
					this.$toast(res.msg)
				}
				uni.hideLoading()
			},
			onreachBottom() {
			    //利用DisableTrigger標識設(shè)置判斷，防止多次觸發(fā)請求接口。
				if (this.page < this.total && this.DisableTrigger) {
					this.init(this.page + 1)
				}
			},
		}

到了這里，關(guān)于微信小程序組件scroll-view滾動到底部多次觸發(fā)加載如何解決？的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！