uni-app role para baixo para carregar mais dados

Para adicionar uma animação de carregamento na parte inferior da página, você pode usar o componente uLi-load-more , clique diretamente para usar o HBuilder para importar o plug-in, você não precisa importar e registrar o componente, mas a versão do HBuilderX deve ser superior a 2.5.5

// 加载动画组件添加在页面底部即可
<uLi-load-more status="loading"></uLi-load-more>

data(){
    
    
	return{
    
    
		page:1, // 第一页 
		allpage:0, // 总页数
		status:"loading" // 加载状态
	}
}

Use o ciclo de vida da página onReachBottom fornecido pelo uni-app; você pode monitorar se a página rola para a parte inferior,

onReachBottom(){
    
    
	// 判断是否有数据
	if(this.page>=this.allpage){
    
    
		this.status="noMore"
		return ;
	}else{
    
    
		this.status="loading"
	}
	this.page++
	this.getData(); // 获取数据
	console.log('我滚动到底部了')
}