一.Vue页面跳转后当前位置不在顶部的解决办法(两种办法)
1.在main.js中添加如下代码：
// 跳转后返回顶部
router.afterEach((to,from,next) => {
window.scrollTo(0,0);
})
//或者
router.beforeEach((to, from, next) => {
// chrome
document.body.scrollTop = 0
// firefox
document.documentElement.scrollTop = 0
// safari
window.pageYOffset = 0
next()
})
2.在路由的index.js中，添加如下代码：
scrollBehavior(to, from,savedPosition) {
//if判断可加可不加、根据自己需求
//savedPosition当且仅当通过浏览器的前进/后退按钮触发时才可用
if (savedPosition) {
return savedPosition
}
return {
x: 0,
y: 0
}
}
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
如需转载请保留出处：https://bianchenghao.cn/36237.html
