vue滚动到底部，自动加载更多

原文地址：vue 实现滚动到页面底部开始加载更多 - will很忙 - 博客园

vue 实现滚动到页面底部开始加载更多

1	scrollTop 页面滚动的高度，

1	clientHeight 可视区域高度

1	scrollHeight 可滚动内容的高度

mounted(){

　　//添加滚动事件，检测滚动到页面底部

    window.addEventListener('scroll', this.scrollBottom)

  },

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28

// 滚动到页面底部时，请求内容scrollBottom() {         this.loading = false         let scrollTop = document.documentElement.scrollTop || document.body.scrollTop;           let clientHeight = document.documentElement.clientHeight;           let scrollHeight = document.documentElement.scrollHeight;         let bottomOfWindow = scrollTop + clientHeight >= scrollHeight-4         console.log(scrollHeight)         if (scrollTop!=0&&bottomOfWindow && this.loading == false &&this.finished == false) {           this.loading = true           this.offset = this.offset + this.limit;           let param = {             offset: this.offset,             limit: this.limit           }           getArea(param).then((res) => {             if (res.code == 200) {               this.loading = false               this.area = this.area.concat(res.data); //追加数据               if (res.data.length == 0) {                 //数据全部加载完成                 this.finished = true;               } else {                 this.finished = false;               }             }           })         }     }