mescroll.js 上拉刷新 下拉加载

1.安装 mescroll

npm install --save mescroll.js //不要使用cnpm安装
//引入刷新列表组件
import MescrollVue from ‘mescroll.js/mescroll.vue’

2.在template中设置需要刷新的组件

<!--刷新列表-->
<mescroll-vue ref="mescroll" :up="mescrollUp" @init="mescrollInit">
	需要刷新的列表
</mescroll-vue>

3.在data中设置

mescroll: null,
mescrollUp: {
   
  callback: this.loadMoreDataCallback,
  page: {
   
    num: 0, //当前页，默认从0开始,在开始回调之前会加1; 即callback(page)会从1开始
    size: 10 //每页数据条数,默认10
  },
  htmlNodata: '<p class="mescroll_no_more_data">没有更多数据了</p>',
  noMoreSize: 2, //如果列表已无数据,可设置列表总数大于5才显示无更多数据;避免列表数据过少(比如只有一条数据),显示无更多数据会不好看