Vue框架

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

2019-01-15  本文已影响0人  洪源9213

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


image.png image.png image.png

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

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

上一篇下一篇

猜你喜欢

热点阅读