vue 移动端实现上拉加载更多

• 根据项目需求实现上拉加载更多～我用的是 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.append("page", this.page);
      params.