首页 > 其他分享 >解决Vue报错Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location

解决Vue报错Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location

时间:2022-08-15 17:25:11浏览次数:60  
标签:Vue redundant blog pc relevant 报错 Router push router

 

 

 

 

 

有效的解决方法如下:

(亲测有效)方法一:在 router 文件夹下,添加如下代码:

Vue.use(Router)
const router = new Router({
  routes
})
 
const VueRouterPush = Router.prototype.push
Router.prototype.push = function push (to) {
  return VueRouterPush.call(this, to).catch(err => err)
}

方法二:在跳转时,判断是否跳转路由和当前路由是否一致,避免重复跳转产生问题。

toMenu (item) {
  if (this.$route.path !== item.url) {
    this.$router.push({ path: item.url })
  }
}

方法三:使用 catch 方法捕获 router.push 异常。

this.$router.push(route).catch(err => {
  console.log('输出报错',err)
})

https://blog.csdn.net/xx19960125/article/details/125117447?spm=1001.2101.3001.6661.1&utm_medium=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7ECTRLIST%7ERate-1-125117447-blog-112791714.pc_relevant_multi_platform_whitelistv3&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7ECTRLIST%7ERate-1-125117447-blog-112791714.pc_relevant_multi_platform_whitelistv3&utm_relevant_index=1

标签:Vue,redundant,blog,pc,relevant,报错,Router,push,router
From: https://www.cnblogs.com/hxy--Tina/p/16588964.html

相关文章

  • web和vue-cli
    1、什么是WebpackWebPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其打包......
  • Vue 检测数据
    主要逻辑类似:<script>letdata={name:'name',address:'address',};//创建了一个监视对象,监视data属性的变化constobs=ne......
  • 加载远程vue文件 vue3-sfc-loader
    需求项目在写一些需求的时候,现场可能会有些变动,但是不想从新打包,这种情况可以考虑单独不打包的vue文件注意vue2import{loadModule}from'vue3-sfc-loader/dist/vue2......
  • VUE+Django前后端分离-第二部分
    四、前端layout及页面跳转1、在src/components目录下创建HeaderAsideMainHeader.vue:<template><header><div><h1style="margin-to......
  • 通过网页形式创建vue
      命令:npmui  在终端输入vueui进入网页    即可进行创建......
  • VUE+Django前后端分离-第一部分
    一、创建django项目1、创建django项目在指定目录下,用django-adminstartprojectdjango_vue创建Django项目2、在django项目下创建应用 2.1在django_vue目录下通过命......
  • Mysql 8.0报错
    安装更新源sudoapt-getupdate更新软件`sudoapt-getupgrade下载wgethttps://dev.mysql.com/get/mysql-apt-config_0.8.14-1_all.debsudodpkg-imysql-apt-con......
  • vue源码阅读---vm实例上的属性
     vnode.$attrs:vnode.$slot:组件实例里插槽的内容;组价开始标签和组件结束标签里包裹的内容;vnode.children:普通元素组件的子节点;  vnode.componentInstacne:指向组件......
  • QGIS | 解决打开ESRI *.mdb数据报错的问题
    QGIS|解决打开ESRI*.mdb数据报错的问题 有些朋友在使用QGIS打开ESRI的*.mdb数据时,会报错:“InvalidDataSource:PGeo:D:\MyData\arcgistutorialdata\ArcTutor\Da......
  • vue 项目的文件/文件夹上传下载
    ​4GB以上超大文件上传和断点续传服务器的实现随着视频网站和大数据应用的普及,特别是高清视频和4K视频应用的到来,超大文件上传已经成为了日常的基础应用需求。但是在很......