vue-router跳转后滚动条如何回到顶部？

Question

vue-router跳转后滚动条如何回到顶部？

条件：不使用history模式

谢谢大佬的回答

Answer 1

// 试试在main.js入口文件配合vue-router写这个

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

Answer 2

在创建router实例时，做如下的配置
savedPosition当且仅当通过浏览器的前进/后退按钮触发时才可用

scrollBehavior(to, from, savedPosition) {
    if (savedPosition) {
        return savedPosition
    }
    return {x: 0, y: 0}
}

Answer 3

赞最多的虽然说对了，不过大部分新手会看不懂。

请在router.js或者router.ts中的export default new Router中添加

scrollBehavior(to, from, savedPosition) {
    if (savedPosition) {
        return savedPosition
    }
    return {x: 0, y: 0}
}

Answer 4

也许你需要手动设置scrollTop = 0

Answer 5

多看文档，官方有详细说明。

https://router.vuejs.org/zh/g...