vue.js 每次使用router.addRoutes 报错TypeError: routes.forEach is not a function 什么情况 5C

```router.beforeEach((to, from, next) => {
if (to.path.startsWith('/login')) {
window.localStorage.removeItem('access-user')
next()
} else {
let user = localStorage.getItem('access-user')
if (!user) {
next({path: '/login'})
} else {
next()
}
}
})
let route = {
routes: [{
path: '/MenuGroup',
component: (resolve) => require(['../components/Home'], resolve)
}]
}
router.addRoutes(route)
export default router

0

2个回答

let route = [{
path: '/MenuGroup',
component: (resolve) => require(['../components/Home'], resolve)
}]
router.addRoutes(route);

router.addRoutes动态添加更多的路由规则。参数必须是一个符合 routes 选项要求的数组

0

1、console.log(router)看看有没有addRoutes那个函数
2、一般使用需要import

0
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
基于Vue的addRoutes实现权限控制
前言从今年3月到现在入门前端也已经有两个月了,这两个月在自学的过程中遇到了许多问题也解决了其中一部分,但是现在才开始意识到把学习过程的问题整理到CSDN上。最近老师布置了基于Vue的权限控制,网上查阅了许多博客,例如“前端路上":这篇文章提到了Vue2.0以上使用的addRoutes增加动态路由的思路。然而我只是一个小白,尽管文章里贴出了源码,我也只能看的一知半解,所以根据文章中提供的思路自己写了...
xxx.forEach is not a function(DOM集合--类数组对象转化为数组)
1,错误:Uncaught TypeError: hdList.forEach is not a function 2,错误的原因 原生js获取的DOM集合是一个类数组对象,所以不能直接利用数组的方法(例如:forEach,map等),需要进行转换为数组后,才能用数组的方法! 3,6种解决办法(假如hdList是一个DOM集合) (1),Array.from()方法 //将hdList...
web页面嵌入应用中遇到的 Object.entries is not a function 问题的解决(vue项目)
网上寻找到的答案,原网址点我:因为 es6的generators的entries函数不支持,最后查看大神的回答才发现:babel只能在构建过程中转译语法糖,比如说将ES7/ES6/JSX中的语法部分(例如箭头函数)转译成ES5。而polyfill则是解决原生对象的问题,比如说你的浏览器不支持Promise,babel就给你建一个Promise供你使用。这样就清晰了,在webpack构建的时候加上b...
VUE.JS入坑日记.0
iview tree组件: data () { return { baseData: [ ] } }, methods: { LoadData(item,callback){ this.$api.get_staff_cat(item.id,item.catispare...
TypeError: $(...).modal is not a function(在使用Bootstrap模板中的模拟框时出现)错误的解决方式
本人也是这两天学习SSM框架的时候遇到的问题,,在这里分享给一下。 因为Bootstrap的js文件 依赖于jQuery的js文件,所以再引入文件的时候需要注意文件引入的顺序; 然后就可以使用了。 还有一种错误是因为引入了两个相同的js文件或者是有着相同函数/方法的js文件,所以导致出现错误,不过我没见过,所以不是很清楚。...
关于UEditor配合TP框架使用
最近项目需要一个富文本编辑器,以前用kinditor发现存在漏洞,所以放弃了老式的kinditor。 废话不多说开始。 先引用、  script type="text/javascript" charset="utf-8" src="{:C('APP_ADMIN_COMMON')}/js/ueditor/umeditor.config.js">script> script type="t
格式化Date():后台传回一串数字js中格式化(date.getFullYear is not a function)
先上总结:getFullYear is not a function报错原因:js调用的方法中少了这一句var date = new Date(date);接下来是解决方法:后台传回的时间如下:js代码中:var commentTime = formateDate("后台传回来ajax要转换的时间值");//此处为上图中的数字        //格式化日期 function formateDat...
layUI表单提交时,控制台出现$(...)serializeObject is not a function错误——解决方案
layUI表单提交时,控制台出现$(...)serializeObject is not a function错误——解决方案
jsonp多次请求报错 not a function的解决方法
jsonp多次请求报错 not a function的解决方法 项目中涉及到地图的update,即移动地图过程中,不断获取新范围图片造成的jsonp多次请求问题; jsonP多次请求问题,报错: not a function      问题:多次请求同一id的图片时,发生并发。      1.初步      方法:ajax请求前添加数组判断,若请求已经发出,就不再发出      问
VUE 报这个错,在浏览器的 console 中报 uncaught in promise
VUE 报这个错,在浏览器的 console 中报 uncaught in promise
zepto部分报错及解决方案
报错1:touch_events.html:27 Uncaught TypeError: $(...).tap is not a function 原因:zepto将部分功能都分散在各自的模块了解决:如果用tap功能,需要去github下载touch.js模块并引入;------------------------------------------------------------------...
videoJS关闭播放窗口报错的解决
错误1: 关闭播放div document.getElementById("operator").style.display = "none"; 会一直弹出如下错误,是因为关闭窗口没有注销video,所以引发如下错误 this.el_.vjs_getProperty is not a function 错误2: dispose()注销video解决了上面的报错 this.GLOBAL.g_...
attachEvent报错原因
document.attachEvent is not a function出错的原因 报错原因有: (1)、利用attachEvent()直接在谷歌浏览器打开,我就是犯这种低级错误的。 重要事情说三遍:attachEvent是IE浏览器独有的!!!attachEvent是IE浏览器独有的!!!attachEvent是IE浏览器独有的!!! (2)、在IE11版本浏览器打开运行程序,I...
关于页面报bootstrapValidator is not a function错误的解决方法
被这个问题困扰了好几天,在最近做的项目中发现的问题。和别人一起交流了好久也没发现问题出在哪里。 最后发现是由于我在父页面引入的一个JSP造成的—我在父页面已经引入了jquery和bootstrap相关的文件然后又在include文件里引入了一次
js错误Uncaught TypeError: $(...).datagrid is not a function自己写的并没有错但是一直报这个错(详解)
自己写的jsp代码并没有错,如图 但是在浏览器中一直报错 如图 这个问题搞了半天主要是因为 我引用了eaeasyUi的包 又引用了jquery的包  这就相当于十多岁的你和现在的你 都是一个人 不可能有俩个相同的你 所以会报错 把jquery的jar包 删掉就可以正常运行了.
NodeJS学习系列课程笔记(NodeJs Buffer 的相关使用方法)
JavaScript 语言自身只有字符串数据类型,没有二进制数据类型。 但在处理像TCP流或文件流时,必须使用到二进制数据。因此在 Node.js中,定义了一个 Buffer 类,该类用来创建一个专门存放二进制数据的缓存区。在 Node.js 中,Buffer 类是随 Node 内核一起发布的核心库, 所以不需要用require引入, Buffer 库为 Node.js 带来了一种存储原始数据的方
解决表单(Form)重置reset is not a function脚本出错
实际上很久之前遇到过一回,结果最近开发又遇到这个Bug,而且也折腾了我一些时间,比如说我在利用Ajax提交表单后,需要重置表单各项内容从交互上来避免用户重复提交,正常的表单HTML结构如下所示: 如果单纯需要采用JavaScript来重置,可以采用 document.getElementById('LoginForm').reset() 来实现,使用jQuery则使
使用toFixed()函数时,出现“toFixed() is not a function”的解决办法
toFixed只能针对数字类型才能使用,所以对于字符类型的要用parseFloat或者parseInt函数先转一下再调用
Vue2.0总结———vue使用过程常见的一些问题
Vue2.0总结———vue使用过程常见的一些问题 Vue目前的的开发模式主要有两种: 1.直接页面级的开发,script直接引入Vue 2.工程性开发,webpack+loader或者直接使用脚手架工具Vue-cli,里面的文件都配置好了 webpack可以进行配置,配置多文件入口,进行多页面开发 第二种Vue开发,结合webpack打包完文件会很大,怎么解决这个问题?
使用cropper遇到的坑
    前不久使用cropper对图片进行编辑,一直碰见如下错误Uncaught TypeError: $(...).cropper is not a function at FileReader.reader.onload (personal.jsp:186)  在尝试更换不同版本的jquery.min.js和jquery.js文件多次之后,问题没有得到解决  尝试更换不同版本的crop...
gulp合并压缩很多js文件时,报intermediate value is not a function错误解决
控制台一般回报:(intermediate value)(intermediate value)(...) is not a function这个错误提示信息,注意找到出错的文件, 一般是因为报错文件里的函数可能是这样: function(){...}注意,前边加上‘ ; ’,修改之后 ;function(){...}这样是不是就解决了, 其实之前在写插件的时候都会加上' ; ',但是真正出问
浏览器剪切版及ZeroClipboard.js的使用
使用firefox里面的剪切版(Mozilla Firefox 25.0.1) 针对某些站点“点击复制”的功能需求,firefox需要开启“复制”功能,默认firefox是不允许复制的(不允许访问剪切版)。并且默认firefox会弹出如下提示: 您的当前浏览器设置已关闭此功能!请按以下步骤开启此功能!n新开一个浏览器,在浏览器地址栏输入'about:config'并回车。n然后找到'signe
Mui框架的遇到的问题记录
前言:聚集mui框架遇到的问题,遇到坑就记录更新 1.mui报错:$(…).append is not a function 异常信息: Uncaught TypeError: $(...).append is not a function at group_list?accessToken=9446C9DB5DF140E7AC6C013FD804E13E:163 at e.pt.rende...
简单理解Vue中的nextTick
Vue中的nextTick涉及到Vue中DOM的异步更新,感觉很有意思,特意了解了一下。其中关于nextTick的源码涉及到不少知识,很多不太理解,暂且根据自己的一些感悟介绍下nextTick。 一、示例 先来一个示例了解下关于Vue中的DOM更新以及nextTick的作用。 模板 div class="app"> div ref="msgDiv">{{msg}}div>
使用web3.js遇到的问题
1:通过IpcProvider来连接节点得到的web3实例,是不支持同步操作的,比如调用web3.eth.accounts会发生如下错误:/Users/guanhongchang/Documents/区块链学习/node/nodeweb3/node_modules/web3/lib/web3/ipcprovider.js:192        throw new Error('You tried ...
webpack引入jquery插件失败的解决办法
在webpack项目中引入jquery插件jstree时,提示如下错误:TypeError: __WEBPACK_IMPORTED_MODULE_3_jquery___default(...)(...).jstree is not a function at a.mounted (list.vue:104) at _e (vue.min.js:6) at Object.ins
Tensorflow报错记录
刚开始学习Tensorflow,决定把遇到的Bug都记录一下,以后遇到的时候可以有所借鉴~ 1、TypeError: Can not convert a function into a Tensor or Operation. 类型错误:无法将函数转为向量或者操作 错误原因:变量初始化的时候忘记加括号 sess.run(tf.global_variables_initializer()) ...
vue-router之addRoutes(动态路由/权限路由)使用分析
// 1 设置默认路由 // 2 由登录获取权限路由(动态路由) // 要存储routes数据 -- 防止刷新时数据丢失--刷新时要重新动态渲染路由 var routes sessionStorage.setItem('routes', JSON.stringify(routes)) // 3 调用方法router.addRoutes(routes)routes要符合路由规则 routes....
Pomelo开发笔记(二)-2.2.5版本运行Treasures报错的解决
Pomelo版本2.2.5,官方demo之Treasures,下载源码后进入web-server目录,先输入命令 npm install -d 安装第三方模块,之后运行会报错,错误提示是:TypeError: mime.lookup is not a function,web-server\node_modules\connect\lib\middleware\static.js:144。原因是m
ztree出现$.fn.zTree is undefined错误的解决办法。
问题描述,在一个界面使用ztree创建树,提示TypeError: $.fn.zTree is undefined,这里我是在父页面引用的jquery相关js文件,通过include包含了一个子页面,子页面同时引用了jquery和ztree相关的js。   网上的解决办法有下面几种,但是在我的环境下都无效: 1.      父页面和子页面同时引入了jquery。删除子页面引入的jquery。
react随笔之hooks(一)
Hooks使用条件 目前用create-react-app脚手架创建的项目,react和react-dom版本为^16.7.0,该版本还未支持hooks的使用,未升级使用会报错误:TypeError: Object(...) is not a function。 升级react的版本很简单,在该项目目录下执行如下语句即可。 yarn ad...
微信小程序引入promise报错
微信小程序引入 promise 相关库及 Android 真机报错解决方案 如果你恰巧使用的是 bluebird ,又恰巧你只是在模拟器上测试或者你的真机是iOS系统,你有必看看到最后,因为在Android的真机下,bluebird会报错建议阅读对象: 在小程序中使用 Promise 或者使用 bluebird 报错的对象。如果你现在还不知道 Promise 是什么,建议先去查看es6后再看,不然
vue问题合集
1. (vue init webpack过程中报错) inquirer.prompt(…).then is not a function 问题解决: 用cnpm install -g vue-cli,重新安装即可 (后续慢慢补充) 2. Can’t resolve ‘element-ui’ in ‘c:/…….’ 问题解决: 出现此类问题多数为找不到所引入的文件在某个文件中,利用...
document.frames不兼容火狐的问题
获取页面中嵌入的iframe的对象时,使用document.frames('testFrame').document或者document.frames['testFrame']来获得id为testFrame的iframe的DOM对象时,用火狐调试的时候,提示document.frames is not a function,因此火狐是不支持document.frames,该获取iframe的dom
关于jquery md5插件的使用问题
上午在header文件中引入了jquery TypeError: $.md5 is not a function var b = $.md5(a);
JS中常见的 “函数名 is not a function” 错误
js中常见的错误,例如Uncaught TypeError: x is not a function 其原因除了函数本身有错之外,还有一种很奇怪的情况:函数本身没有错,但是运行时就是不能正常运行。这种情况与javascript的特性有关:变量与函数声明前置的优先级。 首先看代码: console.log(x) console.log(x()); var x=1; function x(){...
解决 vue.js在火狐浏览器报错 "event is not defined" 的问题
在这个vue文件中,我需要用到event事件,但是,这样子写在谷歌浏览器是正常运行的,但在火狐浏览器下却报错 为什么会出现这样的错误呢?经过搜索发现,火狐浏览器与谷歌浏览器不同,在firefox中使用了不同的的事件对象模型,用的是W3C Dom,firefox中并无event所以要不将event改为window.event。因为这样依然报错,不起任何作用,那么,在vue文件中应该怎样解决
vue之懵B报错总结(持续更新)
用vue也一段时间了,踩坑无数,关键是有些报错真的一看就让人头大很,完全蒙圈,不知道是啥原因,因此想做个总结,也供爱学习的大家一起进步,有别的原因,或者写的有错误(当然没验证过的我坚决不会发表-_-)的欢迎指正… 1. Cannot read property ‘_withTask’ of undefined 原因:你写了click方法,但是却没有实现,例如你在.vue文件中写了@click...
AngularJS 高级程序设计一书中配置WEB服务器时环境时报错 connect.static is not a function解决方法
server.js文件内容为: var connect = require('connect'); connect.createServer(connect.static("../angularjs")).listen( 5000);  启动 WEB服务 node server.js Microsoft Windows [版本 6.1.7601] 版权所有 (c) 2009...
html在chrome浏览器中调试报错: object is not a function问题解决
刚刚chrome浏览器提示 object is not a function,找了半天发现问题是我有一个按钮,id和方法重复了,所以提示这个。
文章热词 机器学习教程 Objective-C培训 交互设计视频教程 颜色模型 设计制作学习
相关热词 mysql关联查询两次本表 native底部 react extjs glyph 图标 大数据使用培训 数据库使用培训