在vue中运用mt-loadmore 实现上拉加载,下拉刷新
2024-09-03 14:19:17
元旦了,给手残党直接复制的机会,代码如下:
1. :style="{'-webkit-overflow-scrolling': scrollMode}" 最外层div设置,以便兼容;
2. data 设置
3. loadTop 定义下拉刷新函数
4. loadBottom 定义上拉加载函数
5. 查询数据
关键一点根据后台返回的总也页面判断出是否还有下一页(当前页是否大于总页数)
6.更多信息和是否有下一页函数
测试完美运行
现在增加了bottomStatus ,之前统一用的topStatus,感觉不是很好。还是单独区分一下吧。
更新:2019/09/10
完整源码请看本人另一篇博客: https://www.cnblogs.com/panax/p/11806913.html
最新文章
- angular 源码分析 1 - angularInit()
- 一般处理程序上传文件(html表单上传、aspx页面上传)
- cannot change version web module 3.0
- [51NOD1095] Anigram单词(map)
- 合并2个dll成一个,好处你懂的
- grails导入excel
- CDOJ 1104 求两个数列的子列的交集 查询区间小于A的数有多少个 主席树
- [转] 翻译-高质量JavaScript代码书写基本要点 ---张鑫旭
- Android入门之ActionBar实现Tab导航
- CodeForces 191C 树链剖分 第4遍
- Java SpringMVC 定时任务
- js中!和!!的区别及用法
- [Java] [Singleton] [DCL][happens-before]
- C#:进程
- zabbix/自动发现规则
- PHP-CPP开发扩展(四)
- 基于vue2.0 +vuex+ element-ui后台管理系统:包括本地开发调试详细步骤
- 数据结构(C语言版)-C语言和C++相关补充
- centos命令行系列之centos查看磁盘空间大小
- java设计模式-----23、命令模式