vue中实现简单下拉加载更多的实现

无论是PC端或者是移动端的项目,或多或少都会遇到这样的一种情况,大多数时候,在列表页比较多的时候,需要做分页处理,而后台这边会直接对数据进行分页处理,而前台这边主要就是对于如何实现下拉再次发起请求从而向后台拿取新的数据,废话有点多了,直接上代码


image.png
image.png
image.png

本来一开始在网上查找过这方面的功能如何实现,其中相同的地方就是多少都会有控制加载开关,也就是截图上所示scroll为布尔值时候的判断处理方式以及优化点网络请求提示语==加载中...,后续会深入研究

注释写的比较明白,也是方便以后做类似功能的一个参考

你可能感兴趣的:(vue中实现简单下拉加载更多的实现)