解决Vue 使用vue-router切换页面时 页面显示没有在顶部的问题

Posted 2021-01-03 hspl

 

有时候我们需要页面滚动条滚动到某一固定的位置，一般使用Window scrollTo() 方法。

语法就是：scrollTo(xpos,ypos)

xpos：必需。要在窗口文档显示区左上角显示的文档的 x 坐标。

ypos：必需。要在窗口文档显示区左上角显示的文档的 y 坐标。

例如滚动内容的坐标位置100,500：

window.scrollTo(100,500);

解决办法：

在 Vue项目的main.js文件中加入以下代码即可解决：

router.afterEach((to,from,next) => {
  window.scrollTo(0,0);
})

 

以上就是针对页面显示没有在顶部的问题的解决办法，希望对大家有所帮助。 

参考： https://blog.csdn.net/wandoumm/article/details/80199191