web前端|js教程
vue2.0,滚动,页面
web前端-js教程
下面我就为大家分享一篇vue2.0路由切换后页面滚动位置不变BUG的解决方法,具有很好的参考价值,希望对大家有所帮助。
win7键盘记录 源码,vscode如何写上标,ubuntu 开启scp,tomcat设置根地址,yyds阿里爬虫,php int date,晋城seo优化联系人,建材资讯网网站源码,响应式医疗科技医疗设备网站模板lzw
最近项目中遇到这样一个问题,vue切换路由,页面到顶端的滚动距离仍会保持不变。
linux 获取源码命令,vscode如何设置启动项目,ubuntu 旺旺,为什么tomcat不能关闭,sqlite网络访问,网页设计的论文,阿里服务器客服,phpwind9拍卖插件,前端分页查询框架,爱思爬虫,php面试题大全,seo原创度,springboot集成教程,网狐网站源码,mfc 网页浏览,phpcms模板怎么用,网上商城后台管理功能,android 上下滑动页面,asp 人力资源管理系统源码,程序的主页样本模板lzw
立即试用个人中心
useRightNow(){ if(判断用户存在){ this.$router.push(/user) }else{ this.$router.push("/login") }}
解决办法很简单,如下,直接监测watch路由变化,然后将body的滚动距离scrollTop赋值为0。
图像处理 源码书籍,vscode项目实验报告,重启ubuntu 桌面,tomcat找不着jre,在爬虫过程中防止重复爬虫,php 获取月的最后一天,sem推广营销模式seo教程,lofter网站模板,购物商城 后台管理系统模板lzw
export default { watch:{ $route:function(to,from){ document.body.scrollTop = 0;document.documentElement.scrollTop = 0; } } }
补充: hash模式下才会导致上述问题,history模式下vue官网有更好的处理方法。
上面是我整理给大家的,希望今后会对大家有帮助。
相关文章:
Angular4集成ng2-file-upload的上传组件
nodejs acl的用户权限管理详解
nodejs实现解析xml字符串为对象的方法示例