vue-scroller实现下拉刷新和加载更多

1.npm安装

   npm install vue-scroller

2.在main.js中引用

import VueScroller from "vue-scroller"
Vue.use(VueScroller)

3.使用

   html如下

 <scroller class="scrollerStyle" :on-infinite="infinite" :on refresh="refresh"ref="my_scroller">
  中间是要下拉刷新和加载的内容
</scroller>

   js如下

 data() {
    return {
      page: 0,
      pageSize: 10,
      timers: null,
      totalPages: 1,
      myData:[]
    };
  },
methods:{
 //上拉加载
 infinite: function(done) {
      $(".pull-to-refresh-layer").hide();
      console.log("infinite");
      this.page++;
      //console.log(this.page);
      //console.l