功能：上拉加载，下拉刷新 使用方法： 自己创建一个.vue的文件（我自己是创建了一个PullToRefresh.vue的文件），将代码粘贴进去,具体的样式问题自己在该文件中调整。 在想使用该功能的vue文件中，具体步骤如下： ...

在移动端开发中经常会运用到上拉加载更多来实现分页的操作，不仅可以增加用户良好的体验，也可以让自己的项目看起来更加的丝滑~ 那么具体要怎么做呢？ 准备一个容器来设置滚动事件 如果要设置固定高度容器则设置ref 写一个滚动事件方法 如果设置了ref则将 $el换成 ...

MJRefresh类结构 ...

全局采用弹性盒布局，获取到中间需要需要滚动的区域 关键css代码：article设置了左右padding的，如果外面不嵌套一层标签的话，滚动条会随着article的padding值 ...

上拉加载需求相信很多做移动端的同学基本都有遇到，当然PC端也是家常便饭。目前项目基本接近尾声，前后端联调、真机测试都ok,话说项目需求文档其实并没有说要实现上拉加载功能，但是我们领导说这个可以有，可以成为一个小亮点。然后就这么愉快的决定了（冷冷的冰雨在我脸上胡乱的拍 233333333333. ...

　　　　最近写的项目需要用到分页，又没有引用什么库，只能手写一个。 　　　　由于没有思路，就搜了一波，还真找到了，但是直接拿过来又频频报错，所以自己按照搜出来的方法整理了一遍，可以直接用了。 　　 ...

;/template> // 没有更多数据 <template v-else>正在加载！ ...

参考： https://www.jianshu.com/p/c4abab8c1ba6 https://www.cnblogs.com/lucide/p/13686536.html 1. 安装"vue-infinite-scroll": "^2.0.2", 2. 在main.js 引入 ...