如何让vue刷新时候不跳转到首页
时间: 2023-08-14 16:03:24 浏览: 109
vue2.0页面前进刷新回退不刷新的实现方法
5星 · 资源好评率100%
要让 Vue 刷新页面时不跳转到首页,可以使用 Vue Router 的 `scrollBehavior` 方法来实现。在路由配置中,定义 `scrollBehavior` 方法并返回一个对象,该对象包含 `x` 和 `y` 属性,表示滚动到页面的哪个位置。如果返回一个空对象,页面将会保持不变。
以下是一个示例代码:
```javascript
const router = new VueRouter({
mode: 'history',
routes: [...],
scrollBehavior (to, from, savedPosition) {
if (savedPosition) {
return savedPosition
} else {
return { x: 0, y: 0 }
}
}
})
```
在上面的代码中,如果用户从其他页面返回到当前页面,`scrollBehavior` 方法将返回之前滚动到的位置;如果是新的页面加载,将会滚动到页面顶部。这样,即使刷新页面,页面也不会跳转到首页。
阅读全文