修复页面路由跳转后自动滚动一段距离的缺陷

任何一个页面,如果没有手动配置滚动条,若页面高度超出屏幕,拉到页面底部然后点击进行页面路由跳转,就会产生新页面已自动滚动一段距离的缺陷。

解决方法为在路由守卫里面加上一行重置滚动条的代码,这样所有页面都不会有这问题了。

如在permission.js加上:

router.beforeResolve(async to => {
  window.scrollTo(0,0);
})

即可解决此缺陷。

posted @ 2023-11-27 10:40  罗毅豪  阅读(38)  评论(0编辑  收藏  举报