2019獨角獸企業重金招聘Python工程師標準>>>

1、利用vue進行頁面滾動監聽，上拉刷新

methods: {handleScroll(){let page = document.getElementById('content');// console.log(this.tempScrollTop,page.scrollTop,page.clientHeight,page.scrollTop+page.clientHeight,page.scrollHeight);if(page.scrollTop+page.clientHeight >= page.scrollHeight-25){if(page.scrollTop+page.clientHeight >= page.scrollHeight-5){this.more = '加載中...';this.pageNo ++;fnInitData();} else if(this.tempScrollTop > page.scrollTop){this.more = '';} else {this.more = '上拉加載更多...';}this.tempScrollTop = page.scrollTop;} else {this.more = '';console.log(this.pageNo,this.more);}},},mounted(){document.getElementById('content').addEventListener('scroll',this.handleScroll);},beforeDestroy(){document.getElementById('content').removeEventListener('scroll', this.handleScroll);}

?

轉載于:https://my.oschina.net/u/2365397/blog/3047852

總結

以上是生活随笔為你收集整理的利用vue进行页面滚动监听，上拉刷新的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。