移动端上滑分页

1,173 阅读1分钟

移动端上滑进行加载是我们写页面时经常遇到的操作,今天就由我这个菜鸟向大家分享一下一个非常简单的上滑分页功能,话不多说,咱们直接上代码。

一、首先是视图层,画红圈圈的地方是大家关注的功能重点,其他都是数据渲染而已

二、接下来是数据层

三、☆☆☆☆然后我们需要挂载我们监听的onScroll,这一步很重要,打个五角星希望引起您们的注意

四、我们要注意一下首次渲染数据时的要点,为了方便之后分页的加载,我们使用拼接的方式

五、☆☆☆☆☆☆这一步很重要,咱们多打几颗星,这一步就是用来分页的

以上五个简单的步骤就可以完成一个上滑分页的功能,如对大家有所帮助,希望可以点个赞或关注!!