vue - 路由跳转新页面后和刷新后回到顶部

1,235 阅读1分钟

1.路由跳转新页面回到顶部

vue路由跳转新页面,如果有滚动条的话,会保持和原来位置一样。

// 全局设置路由跳转回到顶部
router.afterEach((to, from, next) => {
    window.scrollTo(0, 0)
})

2.刷新页面后回到顶部

每次刷新页面时,还是会在原来位置

//APP.vue中
    mounted() {
      //刷新后回到顶部
      window.addEventListener("beforeunload", (e) => {
        window.scroll(0, 0);
      });
    },