vue监听到底部给提示操作【详解】

话不多说，直接上代码，直接复制就ok了，，在条件里写你们的需求就可以了

mounted (){
			     addEventListener('scroll', this.handleScroll)//监听函数
			     },
methods:{
				// 滚动到底部显示底部导航
				 handleScroll() {
				   //变量scrollTop是滚动条滚动时，距离顶部的距离
				   let scrollTop = document.documentElement.scrollTop||document.body.scrollTop;
				   //变量windowHeight是可视区的高度
				   let windowHeight = document.documentElement.clientHeight || document.body.clientHeight;
				   //变量scrollHeight是滚动条的总高度
				   let scrollHeight = document.documentElement.scrollHeight||document.body.scrollHeight;
				    //滚动条到底部的条件
						if(scrollTop+windowHeight == scrollHeight){
						   // alert("已经到底部了")
						   var footer=document.getElementById('footer')
						   footer.style.display="block"
						}else if(scrollTop+windowHeight != scrollHeight){
						var footer=document.getElementById('footer')
							 footer.style.display="none"
						}
				    },
}