vue页面重新加载功能 - 错误

Question

我想构建一个简单的函数，如果 route.name 是 Idx，则将浏览器转发到特定目的地，否则，将重新加载页面。我使用以下代码并得到以下错误

我用的是vue 2-x

代码

reloadPage() {
    if (this.$route.name == "Idx") {
        this.$router.push('/')
        //console.log("test")
    } else {
        this.$router.go() // RELOAD THE PAGE TO OVERTAKE THE CHANGES
    }            
}

错误

Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: "/idx".

此错误仅在我运行 /idx 站点中的函数时出现。

我错过了什么？

谢谢！

Answer 1

如果您的应用程序没有因这个错误而中断，我能想到的一种解决方案是处理承诺。

reloadPage() {
if (this.$route.name == "Idx") {
    this.$router.push('/').catch(()=>{});
    
} else {
    this.$router.go() // RELOAD THE PAGE TO OVERTAKE THE CHANGES
}

}

此外，我在 vue3 中尝试了运行相同的逻辑，但没有遇到此异常，我认为他们摆脱了相同的路线导航。

confirmInput() {
  // do something
  console.log('test', this.$router.currentRoute.value.path);
  if (this.$router.currentRoute.value.path === '/myroute') {
    this.$router.push('/');
  } else {
    this.$router.go();
  }
},

vue页面重新加载功能 - 错误

vue page reload function - errpr

vue-router

vuejs2