Vue报错Error: Avoided redundant navigation to current location的解决办法

Vue报错：

Error in v-on handler (Promise/async): "

Error: Avoided redundant navigation to current location: “/userinfo”."

原因：

当前页面已经在要跳转的路由中。简单来说就是不能跳转路由到自身。

专业术语称为：避免到当前位置的冗余导航

---

解决办法：

goUserinfo(){
         this.$router.push(
            {path: '/userinfo'},
            onComplete => {},
            onAbort => {}
         )
      }

代码解析：点击之后执行这个方法，我这里跳转的路由路径是 userinfo, 用时把你要的路由换成你要跳转的路径就行。