vue重复跳转当前页面,滚动条位置没有改变
时间: 2023-05-23 08:02:20 浏览: 341
vue使用keep-alive保持滚动条位置的实现方法
5星 · 资源好评率100%
答案:
这可能是因为你使用了相同的路由导航跳转到当前页面。你可以尝试在路由配置中添加 `beforeRouteUpdate` 钩子函数来解决这个问题,以便在导航到相同路由时执行一些操作来改变滚动条位置。以下是一个示例代码片段,你可以将其添加到你的路由配置中:
```
beforeRouteUpdate (to, from, next) {
const isSameRoute = to.path === from.path
const isFirstLoad = to.matched.some(route => route.meta.scrollToTop)
if (isSameRoute && isFirstLoad) {
Vue.nextTick(() => {
window.scrollTo(0, 0)
})
}
next()
}
```
请注意,在上面的代码片段中,我们使用了 `window.scrollTo` 方法来将滚动条位置重置为顶部。你需要根据你的需求来修改这个方法来满足你的具体需要。
阅读全文