当前位置: 首页 > Web前端 > vue.js

easyscroll-滚动加载更多数据(列表)

时间:2023-04-01 13:03:02 vue.js

需求:一个使用了easyscroll组件的vue项目,想要滚动到底部加载新数据。1、找到组件源文件main.vue;重构handleScroll();handleScroll(){constwrap=this.wrap;如果(this.preScrollHeigt!==wrap.scrollHeight){this.preScrollHeigt=wrap.scrollHeight;这。更新();}this.moveY=((wrap.scrollTop\*100)/wrap.clientHeight);//判断滚动底部的高度,并传递一个数据给父组件。if(wrap.scrollTop==(wrap.scrollHeight-wrap.clientHeight)){this.$emit('scrollBottom',true);这个.更新();}else{this.$emit('scrollBottom',false);}this.moveX=((wrap.scrollLeft\*100)/wrap.clientWidth);},getScrollBottom(data){if(data&&!this.loading){this.loading=trueif(this.page