vue页面回到顶部

470 阅读1分钟

vue项目,当刷新页面或者切换到新路由时,想要页面滚到顶部,可以使用vue-router中的scrollBehavior 方法来实现

具体实现:

在router.js中写入以下代码:

import Vue from 'vue';
import Router from 'vue-router';
Vue.use(Router);
var router = new Router({
  routes: [...],
 scrollBehavior(to, from, savedPosition) {
    // 期望滚动到哪个位置
    return {
      x: 0,
      y: 0
    }
  },
});
export default router;