vue-router 报错：Navigation cancelled from“/…“ to “/…“ with a new navigation.

vue-router@3.0版本及以上回调形式已经改成promise api的形式了，返回的是一个promise，如果路由地址跳转相同, 且没有捕获到错误，控制台始终会出现如图所示的警告 (注：3.0以下版本则不会出现以下警告！！！，因路由回调问题…)
*

怎么解决呢?

方案一：
安装vue-router3.0以下版本：先卸载3.0以上版本然后再安装旧版本 npm install vue-router@2.8.0 -S

方案二：
针对于路由跳转相同的地址添加catch捕获一下异常：this.$router.push(’/location’).catch(err => { console.log(err) })

方案三：
在main.js下注册一个全局函数即可 (注：此处理方案只针对于vue-router 3.0以上版本哈！！！)

import Router from 'vue-router'const originalPush = Router.prototype.push
Router.prototype.push = function push(location) {return originalPush.call(this, location).catch(err => err)
}注：官方vue-router@3.0及以上新版本路由默认回调返回的都是promise，原先就版本的路由回调将废弃！！！！

vue-router 报错：Navigation cancelled from“/…“ to “/…“ with a new navigation.相关推荐

vue router 报错： Uncaught (in promise) NavigationDuplicated {_name:““NavigationDuplicated“... 的解决方法
报错方法一.更换版本 npm i vue-router@3.0 -S 方法二修改入口文件 //main.js import Router from 'vue-router'const origin ...
Vue的router导航重复-报错：Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to curren
报错: Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: &q ...
Vue项目报错TypeError [ERR INVALID ARG TYPE]: The “path“ argument must be of type string
# Vue项目报错TypeError [ERR INVALID ARG TYPE]: The "path" argument must be of type string 卡了半 ...
vue index.php,如何解决vue $index报错问题
vue $index报错是因为vue已经移除了原来的$index和$key用法,变成了index和key,其解决办法就是修改$index和$key为index和key即可. 本教程操作环境:windo ...
Vue项目报错：This relative module was not found
Vue项目报错:This relative module was not found 问题如下解决办法出现这种错误检查自己的路径问题我已解决 "./ ":代表当前所在的目录. ...
解决Vue项目报错：Expected indentation of 2 spaces but found 4. eslint(indent) [8, 1]的方法
解决Vue项目报错:Expected indentation of 2 spaces but found 4. eslint(indent) [8, 1]的方法报错如下问题分析明显从图中可以以看 ...
Vue工程报错解决方案Warn:import Vue from “vue“；
Vue工程报错解决方案Warn:import Vue from "vue"; 参考文章: (1)Vue工程报错解决方案Warn:import Vue from "vue& ...
记一次升级node版本后，运行原vue项目报错问题解决方法
记一次升级node版本后,运行原vue项目报错问题解决方法参考文章: (1)记一次升级node版本后,运行原vue项目报错问题解决方法 (2)https://www.cnblogs.com/happ ...
eslint 验证vue文件报错 unexpected token =解决方法
eslint 验证vue文件报错 unexpected token =解决方法参考文章: (1)eslint 验证vue文件报错 unexpected token =解决方法 (2)https: ...
vue项目报错，解决Module build failed: Error: Cannot find module ‘node-sass‘ 问题
vue项目报错,解决Module build failed: Error: Cannot find module 'node-sass' 问题参考文章: (1)vue项目报错,解决Module bu ...

vue-router 报错：Navigation cancelled from“/…“ to “/…“ with a new navigation.

怎么解决呢?

vue-router 报错：Navigation cancelled from“/…“ to “/…“ with a new navigation.相关推荐

最新文章

热门文章