- 根据项目需求实现上拉加载更多~我用的是 vue-infinite-loading 插件实现的。下面是安装流程和使用方法:有需要直接拿去用
- 第一步:安装
npm install vue-infinite-loading --save
- 第二步:在需要上拉加载的单页面引入
import InfiniteLoading from "vue-infinite-loading"; //引入加载更多组件
- 第三步:在 components 中 声明组件
components: {
InfiniteLoading
}
- 第四步:在data里定义 页码 和 每页请求的数据个数 以及 列表数组
data() {
return {
page: "1",
size: "10",
list: []
};
- 第五步:在methods中写上请求数据的方法
methods: {
getList($state) {
let params = new URLSearchParams();
params.