vue异常处理（Uncaught (in promise) Error: Avoided redundant navigation to current location: “/home?key=）

最新推荐文章于 2023-09-06 22:50:48 发布

scimence

最新推荐文章于 2023-09-06 22:50:48 发布

阅读量503

点赞数

CC 4.0 BY-SA版权

文章标签： router.push Avoided redundant navigation promise

本文链接：https://blog.csdn.net/scimence/article/details/125837339

在Vue应用中遇到一个未捕获的错误，具体为'避免冗余导航到当前位置：“/home?key=easyicon&list=true”。错误发生在vue-router的导航过程中。修复方法涉及在调用`this.$router.push`时使用回调函数来防止重复导航，并在成功或失败后执行相应的操作，如页面刷新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Uncaught (in promise) Error: Avoided redundant navigation to current location: "/home?key=easyicon&list=true".
    at createRouterError (vue-router.esm.js?fe87:2065)
    at createNavigationDuplicatedError (vue-router.esm.js?fe87:2035)
    at HashHistory.confirmTransition (vue-router.esm.js?fe87:2333)
    at HashHistory.transitionTo (vue-router.esm.js?fe87:2260)
    at HashHistory.push (vue-router.esm.js?fe87:2715)
    at eval (vue-router.esm.js?fe87:3034)
    at new Promise (<anonymous>)
    at VueRouter.push (vue-router.esm.js?fe87:3033)
    at VueComponent.SearchSoft (PannelHeader.vue?541f:58)
    at invokeWithErrorHandling (vue.esm.js?efeb:4470)
createRouterError @ vue-router.esm.js?fe87:2065
createNavigationDuplicatedError @ vue-router.esm.js?fe87:2035
confirmTransition @ vue-router.esm.js?fe87:2333
transitionTo @ vue-router.esm.js?fe87:2260
push @ vue-router.esm.js?fe87:2715
(anonymous) @ vue-router.esm.js?fe87:3034
push @ vue-router.esm.js?fe87:3033
SearchSoft @ PannelHeader.vue?541f:58

修复方法：

    SearchSoft(content)
    {
      if(content === '' ) content = '*';
      // console.log("SearchSoft已经调用！");

      // this.$router.push({ path: '/home', query: { key: content, list: "true" }});
      this.$router.push({ path: '/home', query: { key: content, list: "true" }}, this.Complate, this.Abort);
    }, 
    Complate(){
      console.log("Complate已经调用！");
      location.reload();
    },
    Abort(){
      console.log("Abort已经调用！");
      location.reload();
    },