简介

Vue Router 重复导航到的相同路由会报错 NavigationDuplicated。

Vue Router 在 3.1 版本以后将$router.push()、$router.replace()方法返回值改为了Promise，假如没有catch回调函数，错误信息就会交给全局的路由错误处理，这样子在控制台就可以看到 Uncaught 的错误了。Vue3 下的useRouter()也有同样的情况。

解决

建议在出错的地方加上catch回调函数，例如：

ts
const router = useRouter()
// ...
router.push('testUrl').catch(err => {
  // ...
})