vue 进入组件回到原来的位置
时间: 2023-08-17 16:04:27 浏览: 222
vue transition 在子组件中失效的解决
如果您想要在 Vue 中进入组件后,再回到原来的位置,可以使用 `vue-router` 中的 `scrollBehavior` 方法来实现。
您可以在路由配置中添加一个 `scrollBehavior` 方法,该方法将接收三个参数:`to`(目标路由对象)、`from`(当前路由对象)和 `savedPosition`(上一个位置)。
您可以使用 `savedPosition` 来返回到上一个位置。如果 `savedPosition` 存在,则返回到上一个位置;否则,返回到顶部。
以下是一个示例:
```
const router = new VueRouter({
routes: [...],
scrollBehavior(to, from, savedPosition) {
if (savedPosition) {
return savedPosition
} else {
return { x: 0, y: 0 }
}
}
})
```
在这个示例中,如果 `savedPosition` 存在,则返回到上一个位置;否则,返回到顶部。
阅读全文