vue中实现滚动加载
需要安装该插件:
cnpmivue-infinite-scroll-S//生产依赖--save等价
在main.js文件进行引入进来
data中设置busy:false<!--滚动加载--><divv-infinite-scroll="loadMore"infinite-scroll-disabled="busy"infinite-scroll-distance="10"><divclass="load">滚动加载更多</div></div>
loadMore(){this.busy=true;//延迟1s去请求数据setTimeout(()=>{//应该是请求后台提供的接口数据this.busy=true;for(leti=0;i<5;i++){this.dataLst.push({title:"h好好学习天天向上啊"+i});}this.busy=false;},1000);},
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。