vue用这个方法翻页 怎么改善 mounted会影响全部页面?
mounted(){
window.addEventListener('scroll',this.menu);
// setTimeout(()=>{
this.a=document.body.scrollHeight||document.documentElement.scrollHeight
this.c = document.documentElement.clientHeight;
// },200)
},
methods: {
menu() {
//this.a=document.body.scrollHeight||document.documentElement.scrollHeight;
this.b=document.body.scrollTop||document.documentElement.scrollTop;
//通过判断滚动条的top位置与可视网页之和与整个网页的高度是否相等来决定是否加载内容;
if(this.b+this.c>=this.a){
setTimeout(()=>{
this.$router.push('/intelligenceb' );
},100)
}
console.log(this.a,this.b, this.c)
}
},
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
你这个事件是加载window上的,vue切换页面并不是真的跳转重新加载,当然每个页面都生效
该页面beforeDestroy时清理掉事件即可