uniapp中结合uview实现上拉加载效果

时间:2024-10-26 08:56:15

1、在uview的官网中,找到上拉加载的组件。根据文档说明,在需要加载效果的页面中,添加对应的html代码。

uniapp中结合uview实现上拉加载效果
uniapp中结合uview实现上拉加载效果

2、在需要实现上拉加载效果的页面中,使用uniapp官方提供的onReachBottom方法。在该方法中,使页码参数自动加一,并籽疙牢阖调用获得该页内容的函数;这样每次触发onReachBottom函数,就会重新调用一次请求参数,并逐步增加页码。

uniapp中结合uview实现上拉加载效果

3、在上拉加载调用的函数中,对获取的值使用concat拼接,新获取的内容一次拼接上去,实现上拉加载的效果。

uniapp中结合uview实现上拉加载效果
© 手抄报圈