【问题标题】:Vuejs : Error: Avoided redundant navigation to current location:Vuejs:错误:避免冗余导航到当前位置:
【发布时间】:2020-12-27 19:20:31
【问题描述】:

vuejs 上的路由冗余有问题。 我有一个带有查询的Vuejs 页面,我希望能够不断更改,但是当我进行更改(this.$router.replace({query: newQuery})) 时,它显示了这个错误:

**Uncaught (in promise) Error: Avoided redundant navigation to current location:**

Error Screenshot

【问题讨论】:

    标签: vue.js vuejs2 vue-router


    【解决方案1】:

    发生这种情况是因为您试图将当前路线替换为您实际所在的路线。

    您应该避免重新导航到当前位置,但如果您决定不避免它,那么您需要捕获承诺,以便浏览器处理异常:

    任何路由器动作都是一个承诺,你只需要抓住它:

    this.$router.replace({query: newQuery}).catch(()=>{});
    

    Vue Router documentation on navigation failures

    【讨论】:

      猜你喜欢
      • 2021-04-28
      • 1970-01-01
      • 1970-01-01
      • 2021-07-16
      • 1970-01-01
      • 1970-01-01
      • 2011-06-16
      • 2017-08-10
      • 1970-01-01
      相关资源
      最近更新 更多