[转发]vue页面切换，滚动条始终固定在顶部

转发
在使用vue脚手架做页面的时候，发现一个小bug…当你在一个页面的中间位置点击按钮进行组件跳转的时候，你会发现，你跳转到的新页面不是从顶部开始显示，而是在上一个页面点击按钮的位置显示在你视口的正中间，所以这就违背了我们网页开发的正常逻辑，针对以上发现的问题，我采取了一下解决办法，几行代码轻松搞定~话不多说，上代码：

1.methods里面直接写一个函数：（函数名随便叫）

menu() {
	window.scrollTo(0,0);
}

2.created里面调用：（在钩子里调用一样的）

this.menu();

原理就是页面加载完成的时候滚动条距离顶部为0；

这就很好的解决了vue组件单页面跳转滚动条位置的bug了。

作者：Cherry9507
链接：https://www.jianshu.com/p/e4af1fe4a29e
来源：简书
简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。
附一张bug示意图