vue项目中,页面刷新回到页面顶部的方法
在Vue项目中,访问过的页面,在滚动到某个位置后,再次刷新页面,页面仍处于上次访问过的位置。为了想页面回到顶部,只需要对路由进行修改,在router下index.js中:export default new Router({routes: [{...}],scrollBehavior(to, from,savedPosition) {return {x: 0,...
·
在Vue项目中,访问过的页面,在滚动到某个位置后,再次刷新页面,页面仍处于上次访问过的位置。为了想页面回到顶部,只需要对路由进行修改,在router下index.js中:
export default new Router({
routes: [{...}],
scrollBehavior(to, from,savedPosition) {
return {
x: 0,
y: 0
}
}
})
在完成上述设置后,每次重新加载页面,页面就会自动回滚到顶部。本文结。
更多推荐



所有评论(0)