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

最新推荐文章于 2024-03-12 13:21:51 发布

龖龖龖

最新推荐文章于 2024-03-12 13:21:51 发布

阅读量200

点赞数

本文链接：https://blog.csdn.net/zms2000919/article/details/118699434

版权

针对iview-admin框架，当用户重复点击左侧子级菜单时出现错误的问题，解决方案是在router/index.js文件中进行相应代码调整，以防止路由重复导致的错误。

摘要由CSDN通过智能技术生成

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

// 解决ElementUI导航栏中的vue-router在3.0版本以上重复点菜单报错问题
const originalPush = Router.prototype.push
Router.prototype.push = function push(location) {
   
  return

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

龖龖龖

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

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

118

报错显示路由重复，对功能没有影响。解决方法： 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

264

报错： 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

关于解决使用uni-admin项目模板左侧部分菜单不显示的问题

最新发布

m0_74069684的博客

03-12

425

然后我们找到uni-admin里面的database,先创建db_init.json文件，然后初始化云数据库就好了，值得注意的地方就是初始化的那些json文件，自己之前用到的就不用初始化，没用到的文件需要初始化。（另外提一句，之所以刚开始的只能看到部分菜单是因为无法显示的另外部分的菜单的配置项在是opendb-admin-menus数据表里面，故需要添加、修改页面之类问题需要在那张表里操作）以上就是我个人解决uni-admin左侧菜单部分无法显示问题的方法，希望对大家有帮助！

vue中解决重复点击侧边栏相同路由模块报错问题

qq_45094682的博客

03-04

830

在控制台中经常出现报错问题，强迫症的我查资源去解决问题所在 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

898

在main.js中的mounted中使用router.addRouters()方法后界面上的路由并未刷新。在注释掉路由跳转的权限限制之后，发现直接在地址栏输入对应路由能够进去，只是侧边栏没有刷新。再仔细看store/module下的app.js文件。发现侧边栏绑定的是router文件夹下的router.js中的对象。。。所以在app.js中新建menuRouters属性，并将route...

iview-admin

08-16

iview-admin 好多人在 GitHub 下不下来，这块提供下载包

iview-admin兼容IE浏览器（iview-admin在ie报错的解决方法）

qq_38387487的博客

06-23

982

首先说明本帖子纯手打，绝对可以解决实际问题，真心希望遇到问题的伙伴们仔细阅读以下每一个点，以免不能解决实际问题。我遇到的坑导致分为两种，所以提供两种解决方案，两种方案结合使用必然能解决问题，但是报错的原因归根结底还是因为有一些es6语法没有转成es5导致的。首先说 babel-polyfill这个插件只能讲项目中的es6转为es5，但是并不会将node_modules中的es6转义，所以这也是大部分情况只安装一个babel-polyfill不能解决报错问题的根本原因，为了将node_modules.

vue项目菜单激活

Ifenglala的博客

05-31

623

目的：动态激活左侧菜单大致步骤：添加个人中心路由地址，设置精准匹配类名添加我的订单路由与组件 router-link-active 当你的路由路径包含 router-link组件的to属性值，当前组件会加上它 router-link-exact-active 当你的路由路径完全和你的router-link组件的to属性值一致，当前组件会加上它注意：vue3.0 router-link-active 加不上，路由路径包含且需要又路由嵌套关系。例如：/member/...

Vue学习-组件之间跳转，右侧页面刷新，但左侧菜单栏选中状态未刷新

Java_Scholar0的博客

03-19

2744

解决前图片: 解决方法: 在嵌入菜单的组件中添加路由监听 select(m){ this.menuList.forEach(element => { if(element.children.length > 0){ element.children.forEach(child =>{ if(child.path == m){ this.selectMenu = child; ret

element admin 重复点击左侧菜单栏刷新右侧界面

qToHoTp的博客

08-30

634

在"/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

vue+iview 自定义侧边栏（Sider）触发器（trigger）

1H1R1M的博客

03-31

9449

#1），记录原因描述：想要修改Sider的样式（背景颜色），通过给Sider设置了新的class后，背景颜色虽然修改了，但是低端的触发器样式仍然是Menu组件的”Dark“主题样式。查看官方文档知道，Sider 可以设置hide-trigger属性来隐藏默认触发器。 #2），模板：模板大致是iView官方文档中的“Layout布局”中的其中一个。截图如下，代码见官网： #3），修...

vue+iView 权限实践之动态显示侧边栏菜单

weixin_44794123的博客

10-09

3262

实现：iview vue 根据不同的登录用户角色显示不同的左侧菜单权限。

Vue使用iview中menu菜单组件的大坑！

AWDSDF的博客

09-16

1167

Vue2使用iview中menu菜单组件的大坑

vue项目解决一些vuex和路由菜单报错的问题（vuex触发action方法报错问题，路由跳转重复，iview点击子菜单自动关闭一级菜单，刷新浏览器跳转404页面问题）

花落微凉梦清幽的博客

09-11

1557

1.vuex触发action报错的问题，报错如下：意思是定义的action方法SetToken找不到。解决办法：在方法前面加上模块名称user，你这个方法定义在哪个模块下面就加上哪个模块名称 this.$store.dispatch('user/SetToken', res.data.authorization) 2.路由跳转重复报警告的问题：报警告如下：意思是重复命名的路由定义，我们在添加路由信息中存在重复添加，在路由守卫中addRouter方法前面删除原来路由即可解.

vue+iview的菜单与页签的联动