iview-admin框架重复点击左侧子级菜单时会报错

最新推荐文章于 2022-10-09 14:37:28 发布
最新推荐文章于 2022-10-09 14:37:28 发布
阅读量182 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zms2000919/article/details/118699434
版权

在router文件夹下的index.js文件中写入以下代码即可解决路由重复报错问题

// 解决ElementUI导航栏中的vue-router在3.0版本以上重复点菜单报错问题
const originalPush = Router.prototype.push
Router.prototype.push = function push(location) {
   
  return
最低0.47元/天 解锁文章
龖龖龖
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue iview-admin框架二级菜单改为三级菜单的方法
08-27
在 Vue iview-admin 框架中，默认情况下，左侧导航栏最多支持到二级菜单。但是在实际应用中，我们经常需要三级菜单来满足业务需求。为了实现三级菜单，我们需要修改 VUE 中的模板，特别是 sidebarMenu.vue 文件。 ...
iview-admin登录完整代码附后台代码
12-12
1. iview-admin：iview-admin是一款基于Vue.js和iView UI库构建的后台管理系统模板，它提供了一套完整的前端解决方案，包括页面布局、组件使用、路由管理等，大大简化了开发过程。在本项目中，开发者根据iview-admin...
vue 重复点击菜单报错Error: Avoided redundant navigation to current location: “/xxx“.的解决方案
weixin_45274678的博客
05-26 103
报错显示路由重复，对功能没有影响。 解决方法： router 文件下 index.js 中添加下面代码即可 // 解决ElementUI导航栏中的vue-router在3.0版本以上重复点菜单报错问题 const originalPush = Router.prototype.push Router.prototype.push = function push (location) { return originalPush.call(this, location).catch(err => e.
iview 收缩菜单，点击一级菜单报错问题
weixin_43845550的博客
11-25 232
报错： iview Cannot read property 'name' of undefined 解决办法，修改js getNameOrHref(item, children0) { return item.href ? `isTurnByHref_${item.href}` : item.name // return item.href ? `isTurnByHref_${item.href}` : (children0 ? item.children[0].name
vue中解决重复点击侧边栏相同路由模块报错问题
qq_45094682的博客
03-04 791
在控制台中经常出现报错问题，强迫症的我查资源去解决问题所在 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: "/abnormalAdmin/question-management". 报错原因是你在点击相同路由的原因，说你应该避免冗余导航到当前位置 解决办法 插入当前代码 const originalPush = Router.prototype.push Rout
关于动态添加iview admin路由以及刷新侧边栏
weixin_30572613的博客
03-20 881
在main.js中的mounted中使用router.addRouters()方法后界面上的路由并未刷新。 在注释掉路由跳转的权限限制之后，发现直接在地址栏输入对应路由能够进去，只是侧边栏没有刷新。 再仔细看store/module下的app.js文件。发现侧边栏绑定的是router文件夹下的router.js中的对象。。。 所以在app.js中新建menuRouters属性，并将route...
iview-admin兼容IE浏览器（iview-admin在ie报错的解决方法）
qq_38387487的博客
06-23 948
首先说明本帖子纯手打，绝对可以解决实际问题，真心希望遇到问题的伙伴们仔细阅读以下每一个点，以免不能解决实际问题。 我遇到的坑导致分为两种，所以提供两种解决方案，两种方案结合使用必然能解决问题，但是报错的原因归根结底还是因为有一些es6语法没有转成es5导致的。 首先说 babel-polyfill这个插件只能讲项目中的es6转为es5，但是并不会将node_modules中的es6转义，所以这也是大部分情况只安装一个babel-polyfill不能解决报错问题的根本原因，为了将node_modules.
iview-admin
08-16
iview-admin 好多人在 GitHub 下不下来，这块提供下载包
iview-admin2.3.0 技术文档.docx
07-10
Iview-admin 2.3.0 技术文档主要涵盖了基于 Vue.js 框架的前端项目开发配置和路由管理。以下将详细解释其中的关键知识点： 1. **Vue.js 基础配置**： 在项目的根目录下，`vue.config.js` 文件是 Vue CLI 的配置...
vue项目菜单激活
Ifenglala的博客
05-31 589
目的：动态激活左侧菜单 大致步骤： 添加个人中心路由地址，设置精准匹配类名 添加我的订单路由与组件 router-link-active 当你的路由路径包含 router-link组件的to属性值，当前组件会加上它 router-link-exact-active 当你的路由路径完全和你的router-link组件的to属性值一致，当前组件会加上它 注意：vue3.0 router-link-active 加不上，路由路径包含 且 需要又路由嵌套关系。 例如：/member/...
Vue学习-组件之间跳转，右侧页面刷新，但左侧菜单栏选中状态未刷新
Java_Scholar0的博客
03-19 2675
解决前图片: 解决方法: 在嵌入菜单的组件中添加路由监听 select(m){ this.menuList.forEach(element => { if(element.children.length > 0){ element.children.forEach(child =>{ if(child.path == m){ this.selectMenu = child; ret
vue+iview 自定义侧边栏（Sider）触发器（trigger）
1H1R1M的博客
03-31 9339
#1），记录原因描述： 想要修改Sider的样式（背景颜色），通过给Sider设置了新的class后，背景颜色虽然修改了，但是低端的触发器样式仍然是Menu组件的”Dark“主题样式。 查看官方文档知道，Sider 可以设置hide-trigger属性来隐藏默认触发器。 #2），模板： 模板大致是iView官方文档中的“Layout布局”中的其中一个。截图如下，代码见官网： #3），修...
vue+iView 权限实践之动态显示侧边栏菜单
最新发布
weixin_44794123的博客
10-09 3153
实现：iview vue 根据不同的登录用户角色显示不同的左侧菜单权限。
Vue使用iview中menu菜单组件的大坑！
AWDSDF的博客
09-16 1092
Vue2使用iview中menu菜单组件的大坑
vue项目解决一些vuex和路由菜单报错的问题（vuex触发action方法报错问题，路由跳转重复，iview点击子菜单自动关闭一级菜单，刷新浏览器跳转404页面问题）
花落微凉梦清幽的博客
09-11 1503
1.vuex触发action报错的问题，报错如下： 意思是定义的action方法SetToken找不到。 解决办法： 在方法前面加上模块名称user，你这个方法定义在哪个模块下面就加上哪个模块名称 this.$store.dispatch('user/SetToken', res.data.authorization) 2.路由跳转重复报警告的问题：报警告如下： 意思是重复命名的路由定义， 我们在添加路由信息中存在重复添加，在路由守卫中addRouter方法前面删除原来路由即可 解.
vue+iview的菜单与页签的联动
热门推荐
qq_39696861的博客
07-10 1万+
最近在使用vue+iview开发一个后台管理类的系统，希望做一个点击左侧菜单右侧的页签与内容都能相对应的改变。但搞了好久的路由也没有实现这个功能。刚开始使用vue+iview不知道iview-admin可以直接拿来使用，布局之类的开箱即用，可是自己的demo已经写了好久不忍心放弃。一、使用iview的menu和tab做布局，将这两个组件放到主页面由于menu与tab的数据相同且样式需要进行关联，因...
解决elementUi使用导航菜单的时候，重复点击报错的问题
业余前端的职业经历
06-05 3481
相信只要使用vue+elmentUI 做后台管理系统的 基本上都需要用到左侧导航栏 然后左侧导航栏和路由导航 联系在一起 默认它是不启用 路由关联的 这个时候我们得配置一下 才可以 给el-menu上面加一个　 router的属性才可以 关联到 <el-menu :default-active="$router.currentRoute.path" router class="el-menu-slide"> </el-menu> 还有就是一个问题 就是重复点击导航的时候 就会报错
重复点击路由报错
lgdaren的博客
11-06 838
重复点击路由报错 写 Vue 项目中，使用 iview 重复点击导航路由会报错，报错信息如下： ##解决方法： 方法1：在项目目录下运行 npm i vue-router@3.0 -S 重新下载未出错版本即可； 方法2：不想更换 vue-router 的版本亦可，在 main.js 或 router.js 中添加以下代码： import Router from 'vue-router' ...
element admin 重复点击左侧菜单栏刷新右侧界面
qToHoTp的博客
08-30 597
在"/src/layout/index.vue"的<app-main>组件里面增加代码，<app-main v-if="isRouterAlive">，isRouterAlive的默认值为true。 在index.vue的methods里面增加一个reload()方法 reload() { this.isRouterAlive = false; this.$nextTick(function() { this.isRouterAlive = true; }) } 使用pr

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值