vue页面跳转后，滚动条不在顶部

一、问题描述

vue在将页面滚动到页面中部或者底部（反正不在顶部），再进行页面跳转后，新页面的滚动条还处于上一个页面的位置，并没有更新到页面顶部

二、解决方法

在全局路由钩子里面将页面滚动到页面顶部

router.beforeEach((to, from, next) => {
    document.body.scrollTop = 0;
    document.documentElement.scrollTop = 0;

    // 兼容IE
    window.scrollTo(0, 0);
    next();
})

文章仅为本人学习过程的一个记录，仅供参考，如有问题，欢迎指出！