欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Vue 无限滚动(分页加载)

程序员文章站 2022-03-29 08:14:00
...
  1. 安装

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

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

1.放在底部

Vue 无限滚动(分页加载)
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);
}

}
})


作者:少女彤
来源:CSDN
原文:https://blog.csdn.net/weixin_43244655/article/details/83477490
版权声明:本文为博主原创文章,转载请附上博文链接!