Vue 无限滚动(分页加载)
程序员文章站
2022-03-29 08:14:00
...
- 安装
npm install vue-infinite-scroll --save
1
2. main.js中配置并使用
import infiniteScroll from ‘vue-infinite-scroll’;
Vue.use(infiniteScroll)
1
2
3. 用法
1.放在底部
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
版权声明:本文为博主原创文章,转载请附上博文链接!
上一篇: vue学习系列-初识vue