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

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


image.png
image.png
image.png

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

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,224评论 4 61
  • 江边酌酒醉,岩下访梅君。 旧时谦谦客,媚雅不为荣。 吾人当自省,虚华难成文。 仰卧苍松下,拙拙养精神。 淡淡学无事...
    安安的图书馆阅读 1,072评论 0 2
  • 第一次画。
    筱筱姑娘阅读 3,180评论 3 3
  • [一] 你 还好吗 三色堇的花瓣 被忽来的大风吹得到处都是 她 闭上眼睛 妈咪你在想什么呢 她被唤醒一样 对眼睛忽...
    阮溏忻阅读 2,738评论 0 1
  • 世界上最华丽的技巧,莫过于不抱侥幸的执着。 我发现一个问题,凡是我竭力想捂住的问题最后都成了问题;相反,那些我摆在...
    创造与激情阅读 3,749评论 1 4