vue中重复跳转当前页面 代码不执行
时间: 2023-05-16 12:04:54 浏览: 286
这个问题可能是由于路由参数没有变化而导致的。你可以尝试在路由跳转时添加一个随机参数来避免这个问题,例如:
this.$router.push({ path: '/current/path', query: { random: Math.random() } });
这样每次跳转时都会带上一个不同的随机参数,避免了重复跳转的问题。
相关问题
vue重复跳转当前页面,滚动条位置没有改变
答案:
这可能是因为你使用了相同的路由导航跳转到当前页面。你可以尝试在路由配置中添加 `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` 方法来将滚动条位置重置为顶部。你需要根据你的需求来修改这个方法来满足你的具体需要。
阅读全文