vue做的项目每次打开新页面不会显示页面顶部的解决办法

Posted zr123

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue做的项目每次打开新页面不会显示页面顶部的解决办法相关的知识,希望对你有一定的参考价值。

在main.js 中添加代码:

1 router.afterEach((to,from, next) => {
2 
3   window.scrollTo(0,0)
4 
5 })

 

然后就会发现每次打开页面都是显示的是页面顶部内容,再也不会显示页面底部或者其他位置影响用户体验。

以上是关于vue做的项目每次打开新页面不会显示页面顶部的解决办法的主要内容,如果未能解决你的问题,请参考以下文章

Vue 页面跳转到新页面时, 默认在页面底部,不是顶部

vue单页面应用打开新窗口显示跳转页面的方法

为啥vue打包后出现后 在浏览器上打开的是空白页

vue手机项目,账户退出后登录页面总保持这样?怎么解决?

Vue项目之IE下打开页面是空白

为啥vue打包后出现后 在浏览器上打开的是空白页