解决vue-router路由跳转的问题 message: "Navigating to current location ("/homePage") is not allowed",警告的问题
错误代码:
1 NavigationDuplicated {_name: "NavigationDuplicated", name: "NavigationDuplicated",
message: "Navigating to current location ("/index") is not allowed",
stack: "Error↵ at new NavigationDuplicated (webpack-int…e_modules/element-ui/lib/mixins/emitter.js:29:22)"}
操作:
在VUE项目中点击两次路由切换
原因:
在路由跳转的时候同一个路由多次添加
是不被允许的
解决方案(两种):
1.切换版本回3.0版本
2.在你引了vue-router
的js文件里加上如下代码即可
import Vue from 'vue' //如果已引用,不需要重复引用 import Router from 'vue-router'; //如果已引用,不需要重复引用 Vue.use(Router) //如果已引用,不需要重复引用 const VueRouterPush = Router.prototype.push Router.prototype.push = function push (to) { return VueRouterPush.call(this, to).catch(err => err) }
【推荐】还在用 ECharts 开发大屏?试试这款永久免费的开源 BI 工具!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步