Vue 无限滚动（分页加载）

1. 安装

npm install vue-infinite-scroll --save
1
2. main.js中配置并使用

import infiniteScroll from ‘vue-infinite-scroll’;
Vue.use(infiniteScroll)
1
2
3. 用法

1.放在底部

1 2 3 2.方法

var count = 0;

新的Vue（{
el：’＃app’，
数据：{
数据：[]，
忙：假
}，
方法： {
loadMore：function（）{
this.busy = true;

  setTimeout（（）=> {
    for（var i = 0，j = 10; i <j; i ++）{
      this.data.push（{name：count ++}）;
    }
    this.busy = false;
  }，1000）;
}

}
}）

---

作者：少女彤
来源：优快云
原文：https://blog.youkuaiyun.com/weixin_43244655/article/details/83477490
版权声明：本文为博主原创文章，转载请附上博文链接！