1.引入vue,加載監聽事件
methods: {
handleScroll(){
let page = document.getElementById('content');
// console.log(page.scrollTop,page.clientHeight,page.scrollHeight);
if(page.scrollTop+page.clientHeight >= page.scrollHeight-10){
this.more = '加載中...';
setTimeout(()=>{
this.more = '';
},1000)
} else {
this.more = '上拉加載更多...';
}
}
},
mounted(){
document.getElementById('content').addEventListener('scroll',this.handleScroll);
},
beforeDestroy(){
document.getElementById('content').removeEventListener('scroll', this.handleScroll);
}