vue导航跳转报错

报错信息：

Navigating to current location (“/…”) is not allowed （不允许导航到当前位置"/…"）

在控制台中看到的错误是新的promise api的一部分:在此之前，如果没有回调提供给router.push，错误只会发送给全局路由器错误处理程序。现在，因为推送和替换都会返回一个承诺，如果没有捕获到导航失败(任何取消导航的操作，如next(false)或next(“/other”)也算在内)，您将在控制台中看到一个错误，因为没有捕获到该承诺拒绝。然而，失败总是存在的，因为试图导航到与当前位置相同的位置失败了。它现在是可见的，因为承诺被拒绝但没有被抓住，可以用以下两种方法解决这个问题。

第一种解决方案是使用路由器链路：

<router-link to="/Error" v-slot="{ href, route, navigate, isActive, isExactActive }"></router-link>

第二个解决方案是在编程式导航的函数中添加catch捕获：

   this.$router.replace({
        name: 'Error',
        query: {
          showRefresh: true,
        }).catch(err => {})

注：编程式导航，重复点击当前路由会返回一个错误信息，可以使用catch捕获，并可在里面添加事件方法