vue锚链接scrollBehavior
通常后台管理系统开发中我们很少会对页面回退或前进进行操作,但在浏览器用户界面上提供有前进、回退按钮。
根据浏览器的原理。页面跳转到离开页面之前的位置,而不是重新刷新页面,而在很多时候,我们的数据会发生变化或者需求是重新刷新页面,这个时候,就需要我们自己设置返回跳转。
方法一: 使用导航守卫:
```
router.beforeEach((to, from, next) => {
// 让页面回到顶部
document.documentElement.scrollTop = 0
next()
})
```
方法二: 使用vue-router 提供的锚链接scrollBehavior:
简单来说。scrollBehavior可以让浏览器前进或者后退或者跳转的时候,回到顶部
```
scrollBehavior(to, from, savedPosition) {
if (to.hash) {
return {
selector: to.hash
}
}
//让页面回到顶部位置
window.scrollTo(0, 0)
},
```