【前端笔记 】vue-router获取所有路由getRoutes()调用报错_router.default.getRoutes is not a function

已于 2022-06-24 16:47:30 修改
阅读量1w 收藏 4
点赞数 9
分类专栏： 前端笔记 vue 文章标签： 前端 vue.js javascript
于 2022-06-20 15:21:21 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/ann295258232/article/details/125373319
版权

想查看所有的路由，看官方文档说是可以通过getRoutes()方法获取

在这里插入图片描述

然而自己在代码里使用却报错：Uncaught (in promise) TypeError: _router.default.getRoutes is not a function

在这里插入图片描述

后来看了一下vue-router更新记录，原来getRoutes()方法是在3.5.0才新增的，自己维护的项目vue-router版本是 “vue-router”: “3.0.2”

在这里插入图片描述

特此记录此探索过程，已提醒自己。

RuoYi-Vue-Plus （系统菜单路由获取、路由生成逻辑、前端按钮控制、自定义权限角色组件）
javaxueba的博客
04-16 961
getRouters 方法位于 com.ruoyi.web.controller.system.SysLoginController类中，作用：根据角色获取菜单返回新构建，VO菜单集合逻辑。
【Vue2.0】黑马课程笔记（四）Vue-router
小女不才
04-07 1628
Vue-router（九）路由的基本概念与原理(1) Vue-router的基本使用1.1 Vue-router简介1.2 Vue Router的使用步骤(★★★)1.3 路由重定向(2) Vue-router的嵌套路由2.1 嵌套路由功能分析(3) Vue-router动态路由匹配3.1 动态匹配路由的基本用法3.2 路由组件传递参数(4) Vue-router命名路由4.1 命名路由的配置规则......
vue - VueRouter 动态路由的实现
weixin_44624120的博客
10-23 4512
VueRouter定义路由参数定义方法请求路由数据引入模块最最最主要的还是全局路由导航守卫beforeEach 全局前置守卫router 模块VueRoter 版本问题router.addRoutes 已废弃：使用 router.addRoute() 代替。router.addRoute 添加一条新路由规则。如果该路由规则有 name，并且已经存在一个与之相同的名字，则会新版的 router 与3.0版本的 的matcher 多了一些方法所遇到的问题 最近在写一个新项目，前端使用动态路由实现页面权限
【vue-router源码】五、router.addRoute、router.removeRoute、router.hasRoute、router.getRoutes源码分析
MAXLZ的博客
06-07 4880
【vue-router源码】系列文章将带你从0开始了解的具体实现。该篇文章将分析router.addRoute的实现。
Vue Router（5）- 动态路由、数据获取
最新发布
m0_57036170的博客
04-17 389
对路由的添加通常是通过routes选项来完成的，但在某些情况下，要在应用程序已经运行的时候添加或删除路由。
Vue2路由坑：报错router.addRoute is not a function
weixin_51290060的博客
11-15 2173
报错router.addRoute is not a function
vue项目router报错：TypeError _router.default.addRoute is not a function
m0_67393827的博客
03-09 2206
控制台报错为： 在permission文件夹里面使用了：router.addRoute()的方法 原因：可能是因为安装依赖的时候用的npm 但是npm安装的包里面的route 原型里面没有addRoute的方法，所以报错 解决办法：把npm安装的依赖包删掉，用cnpm安装，打印route，原型里面就有这个方法了，如下图： 然后就成功啦 ...
报错:“TypeError: router.addRoute is not a function“
Machine_Monster的博客
09-14 3035
打开项目中的package.js 查看vue-router版本是否为。就可以再package.js 中看到当前的版本号。注意：重新安装后一定要重启服务！版本的vue-router。指令安装但是我这里出错。
关于使用router.addRoute中出现TypeError: router.addRoutes is not a function
weixin_51161895的博客
10-18 2854
关于使用router.addRoute中出现TypeError: router.addRoutes is not a function
vue+webpack+vue-router+element+axios全家桶搭建vue项目完整教程详解 2019
PGguoqi的博客
04-19 9265
未完
Vue学习笔记（五）Vue2页面跳转问题 | vue-router路由概念、分类与使用 | 编程式路由导航 | 路由组件的缓存 | 5种路由导航守卫 | 嵌套路由 | Vue2项目的打包与部署
希望每天都能进步一点点
06-25 3025
Vue学习笔记（五）Vue2页面跳转问题 | vue-router路由概念、分类与使用 | 编程式路由导航 | 路由组件的缓存 | 5种路由导航守卫 | 嵌套路由 | Vue2项目的打包与部署
详解Vue.js搭建路由报错 router.map is not a function
12-09
错误： 出现问题原因：2.0已经没有map这个方法了，只有1.0兼容该方法。 解决方法： （1）方法1：使用命令npm install vue-router@0.7.13兼容1.0版本vue。 在代码中的使用方法： （2）解决方法2：基于vue2.0，写对应的方法。 具体用法如下图： 注：1.0和2.0在一些用法上有比较大的差别，用的时候需要注意。
vue-router之解决addRoutes使用遇到的坑
11-20
最近项目中使用了vue-router的addRoutes这个api，遇到了一个小坑，记录总结一下。 场景复现： 做前端开发的同学，大多都遇到过这种需求：页面菜单根据用户权限动态生成，一个常见的解决方案是： 前端初始化的时候，只挂载不需要权限路由，如登陆，注册等页面路由，然后等用户登录之后，后端返回当前用户的权限表，前端根据这个权限表遍历前端路由表，动态生成用户权限路由，然后使用vue-router提供的addRoutes,将权限路由表动态添加到路由实例中，整个过程大致如下： // router.js 文件 // 需要用户权限的路由表 const appRoutes = [ { path:
react学习笔记，ReactDOM，react-router-dom
longshao_520的博客
10-22 1012
react学习笔记，ReactDOM，react-router-dom
dva -react TypeError: root.findRouters(...).getRouterInfo is not a function
Black Monkey
07-15 1361
dva -react 入门  异常修改， 抛异常 C:\Users\thinkpad\AppData\Roaming\npm\node_modules\dva-cli\bin\dva-generate create routeComponent src/routes/Users.js, src/routes/Users.css TypeError: root.findRout
vue项目router报错：TypeError: _router.default.addRoute is not a function
weixin_52827704的博客
08-25 9365
控制台报错为： 在permission文件夹里面使用了：router.addRoute()的方法 原因：可能是因为安装依赖的时候用的npm 但是npm安装的包里面的route 原型里面没有addRoute的方法，所以报错 解决办法：把npm安装的依赖包删掉，用cnpm安装，打印route，原型里面就有这个方法了，如下图： 然后就成功啦 ...
配置vue-router报错解决（包含好几个错误）
热门推荐
weixin_44201321的博客
02-27 2万+
前端萌新 配置vue-router报错解决（包含好几个错误）
win11大小核优化策略
03-29
### Windows 11 中大小核调度优化方法及性能提升策略 #### 调整大小核调度的方法 在 Windows 11 系统下，可以通过任务管理器来调整 CPU 的大小核调度策略。这种方法允许用户手动干预系统的默认行为，从而更高效地利用硬件资源[^1]。 具体操作如下： 打开任务管理器，在“详细信息”选项卡中找到目标进程，右键点击并选择“设置关联性”。在这里可以指定某个特定的任务仅运行于高性能的核心上，或是分配到效率核心以节省电力消耗。 #### 设置 CPU 性能模式 除了通过任务管理器进行精细控制外，还可以全局更改处理器的工作状态至更高效能的状态。类似于 Linux 下使用 `cpufreq-set` 命令设定为 performance 模式的方式[^2]，虽然 Windows 并未提供如此直接的命令行工具，但是能够借助电源计划达到相似效果： 进入系统设置 -> 电源和电池 -> 高效模式 或者 创建自定义高级电源计划 ，将各个子项都配置成最大化性能取向 。 这样做有助于确保无论何时何地都需要计算能力的时候都能得到充分支持 。 另外需要注意的是 , 关闭一些不必要的后台活动和服务也可以间接改善整体响应速度 . 如同 Win10 提升技巧里提到过的停止诊断追踪以及搜索引擎索引等功能 [^3], 对减少干扰因素很有帮助 . 最后考虑网络层面的影响也不可忽视, 当前很多应用依赖互联网连接完成其主要功能; 因此按照之前分享过关于网路效能改进措施同样适用于这里 [^4]. ```powershell # PowerShell 示例脚本用于查看当前电源方案详情 Get-WmiObject -Class win32_powerplan -Namespace root\cimv2\power | Format-Table ElementName, IsActive ``` 以上就是针对 Windows 11 用户如何有效实施大小核调度优化及其带来的潜在好处介绍.
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值