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;
scrollBehavior的使用详情请参考官网:https://router.vuejs.org/zh/guide/advanced/scroll-behavior.html