//路由表单动态添加menuArray.forEach((item) =>{router.addRoute('Main',item)})

menuArray里存储动态路由的数据

控制台报错如图：

所使用的依赖：

  "dependencies": {"axios": "^1.1.2","core-js": "^3.8.3","element-ui": "^2.15.10","js-cookie": "^3.0.1","less": "^4.1.2","less-loader": "^6.0.0","mockjs": "^1.1.0","vue": "^2.6.14","vue-router": "^3.5.2","vuex": "^3.6.2"},

开始排查问题：

1. 在前端 - 【vue-router源码】五、addRoute/removeRoute/hasRoute/getRoutes源码分析_个人文章 - SegmentFault 思否查了addRoute的使用方法，并没有用错

2. 按照vue项目router报错：TypeError: _router.default.addRoute is not a function_念念ovo的博客-CSDN博客卸载现有vue-router，使用cnpm安装3.5.2版本，还是一样；node版本也没有问题

3. 看了一篇博客Vue3项目运行时报错误：TypeError：router.addRouters is not a function - rainbow70626 - 博客园 (cnblogs.com)将addRoute方法改写为addRoutes方法，还是不行

终于！！

最后发现是忘了在main.js里面把router传给addMenu了，但是其实我加上去了还是不行

然后我就直接在addMenu所在文件里面import router了，最后成功解决！

感谢帮我解答的不知名大佬！！！

关于使用router.addRoute中出现TypeError: router.addRoutes is not a function相关推荐

关于JavaScript中 “Uncaught TypeError: date.getDay is not a function“的问题
今天学习了javascript的Date()方法,也是赶紧去敲了一下代码,结果发现除了一个问题,如下图所示: 查看运行结果,发现是没有问题的,所有的方法都能顺利实现. 接着我想全部在一行打印出来,如下 ...
【vue-router源码】五、router.addRoute、router.removeRoute、router.hasRoute、router.getRoutes源码分析
[vue-rouer源码]系列文章 [vue-router源码]一.router.install解析 [vue-router源码]二.createWebHistory.createWebHashHis ...
router.addRouters和router.addRoute
router.addRouters和router.addRoute 当使用router.addRouters进行动态路由添加时报下面的警告 [vue-router] router.addRoutes( ...
TypeError: Router.use() requires a middleware function but got a Object报错解决
1.在运行nodejs-mongodb项目时,项目报错 TypeError: Router.use() requires a middleware function but got a Object ...
vue新版router.addRoute基础用法
vue新版router.addRoute基础用法新版Vue Router中用router.addRoute来替代原有的router.addRoutes来动态添加路由.子路由在添加子路由的时候比如 ...
关于Vue中，$this.router.push到当前页面，只是传入参数不同，页面不刷新的问题解决
关于Vue中,$this.router.push到当前页面,只是传入参数不同,页面不刷新的问题解决参考文章: (1)关于Vue中,$this.router.push到当前页面,只是传入参数不同,页面 ...
DRF中的路由Router使用
DRF中的路由Router使用对于视图集ViewSet,我们除了可以自己手动指明请求方式与动作action之间的对应关系外,还可以使用Routers来帮助我们快速实现路由列表信息. REST fra ...
Vue中route和router的区别
route 和 router route 包含路由信息的对象如图所示:fullPath hash name - router 可以理解为操作路由的方法,包含了如:histroy 和一些生命钩子函数- ...
Vue3中的Vue Router初探
对于大多数单页应用程序而言,管理路由是一项必不可少的功能.随着新版本的Vue Router处于Alpha阶段,我们已经可以开始查看下一个版本的Vue中它是如何工作的. Vue3中的许多更改都会稍微改变 ...

关于使用router.addRoute中出现TypeError: router.addRoutes is not a function

终于！！

关于使用router.addRoute中出现TypeError: router.addRoutes is not a function相关推荐

最新文章

热门文章