uniappでローリングロードを実装する方法

ユニアプリでスクロール読み込みを実装する方法: 1. 「onReachBottom(){console.log("...")}」メソッドを使用します。 2. 「..." メソッド。

uni-app チュートリアル

uniapp は、より多くのデータを読み込むために一番下までスクロールする実装を実装しています

onReachBottom

onReachBottom ページが一番下までスクロールするときのイベント (スクロールビューを一番下までスクロールするときではありません)。データの次のページをプルアップしてロードするために使用されます。たとえば、scroll-view を使用すると、ページ レベルでのスクロールが行われないため、一番下のイベントはトリガーされません

onReachBottom 例:

onReachBottom(){
	console.log("我已经滚动到底部了")}

scroll-view

scroll-view

scroll-view 例:

<scroll-view scroll-y="true" @scrolltolower="lower()" :  style="max-width:90%">
	// 内容
	</scroll-view>

methods:{
		lower(e)
		{
			console.log("已经滚动到底部了")
		}	
	},
computed:{
		scrollH:function(){
			let sys = uni.getSystemInfoSync();
			let winWidth = sys.windowWidth;
			let winrate = 750/winWidth;
			let winHeight =parseInt(sys.windowHeight*winrate)
			return winHeight	
		}
	}

height# で設定する必要があります。
##詳細については、uniapp のスクロール ビューの高さ調整の問題を参照してください。

# ページが一番下までスクロールした場合

以上がuniappでローリングロードを実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。