在此页面上mounted方法中设置滚动条的方法
mounted() {
// 切换页面时滚动条自动滚动到顶部
window.scrollTo(0,0);
}
复制
router.afterEach((to,from,next) => {
window.scrollTo(0,0);
// chrome
document.body.scrollTop = 0
// firefox
document.documentElement.scrollTop = 0
// safari
window.pageYOffset = 0
});
//或
router.beforeEach((to, from, next) => {
// chrome
document.body.scrollTop = 0
// firefox
document.documentElement.scrollTop = 0
// safari
window.pageYOffset = 0
next()
})
复制
//页面跳转显示在顶部
scrollBehavior (to, from, savedPosition) {
if (savedPosition) {
return savedPosition
} else {
return { x: 0, y: 0 }
}
}
复制