vue中这个报错怎么解决NavigationDuplicated: Avoided redundant navigation to current location: "/SearchRecord".

这个错误提示表示在vue中进行了冗余的导航操作，即跳转到了当前位置。解决这个问题的方法是使用`catch`方法来捕获错误并处理。

你可以在路由跳转的代码中加入`catch`方法，如下所示：

this.$router.push({ path: '/SearchRecord' }).catch(err => {})

这样就可以避免出现冗余导航的错误提示。

相关问题

Avoided redundant navigation to current location: "/test". NavigationDuplicated: Avoided redundant navigation to current location: "/test".

这个错误提示是因为在Vue Router中，当你尝试导航到当前活动的路由时，会抛出NavigationDuplicated错误。这通常是由于重复点击导航链接或在代码中多次调用$router.push('/test')等导航方法引起的。为了避免这个错误，你可以在导航之前检查当前路由是否与要导航的路由相同，如果相同则不进行导航。以下是一个例子：

const currentRoute = this.$router.currentRoute;
if (currentRoute.path !== '/test') {
  this.$router.push('/test');
}

NavigationDuplicated: Avoided redundant navigation to current location: "/searchResult".

根据提供的引用内容，当在Vue路由中重复点击导航时，可能会抛出`NavigationDuplicated`的警告错误。这个错误的原因是在Vue Router中引入了Promise，当使用`push`方法进行导航时，会返回一个Promise对象。如果没有给Promise对象传入成功和失败的回调函数，就会一直报错。

为了避免这个错误，你可以给`push`方法传入成功和失败的回调函数。例如：

goSearch() {
  this.$router.push({ 
    name: 'search', 
    params: { keyword: this.keyword }, 
    query: { k: this.keyword.toUpperCase() } 
 }).then(() => {
    // 导航成功的回调函数
    console.log('导航成功');
  }).catch(() => {
    // 导航失败的回调函数
    console.log('导航失败');
  });
}

这样，在导航成功或失败时，就会执行相应的回调函数，避免了重复导航的警告错误。