情况一:单个菜单页面刷新导航失去高亮;(如下图这种菜单类型) 问题是elementUI的el-menu组件提供了一个默认高亮的属性default-active,当页面刷新后default-active的值就会成为默认给的值,解决这个只用取出当前页的路由然后赋值给activeIndex即可,代码如下: <el-menu :default-active="activeIndex" mode="horizontal" :ro...
· el-menu 子菜单不高亮显示 · el-menu 点击有子元素的菜单项字体变色 · Element UI el-menu菜单 子级选中后,删除父级下划线 阅读排行: · DeepSeek “源神”启动!「GitHub 热点速览」 · 我与微信审核的“相爱相杀”看个人小程序副业 · 上周热点回顾(2.17-2.23) · 微软正式发布.NET 10 ...
但是当我还来不及调整我的呼吸就进入教室时,学生们一看见... 29fff9ae84b9 阅读260 评论0 赞0 jia林 总资产 17 解决element-ui el-menu跳转,导航不高亮或没有选中问题 阅读:60 解决element-ui el-menu跳转,导航不高亮或没有选中问题 阅读:30 解决element-ui el-menu跳转,导航不高亮或没有选中问题 ...
在router.js里设置路由时,给相同导航高亮的路由设置相同的name属性,如图: 然后在menu组件上设置default-active的值为:$route.name,这样就可以实现刷新时导航栏选中当前页的问题。最后设置el-menu-item的index属性为router.js文件里跳转路由的name值,route属性为:路由的path,如图: 通过这样设置,就可以实现刷新页面时,...
问题1:刷新页面后高亮部分无法保持当前选择状态。 解决方案:可以使用 localStorage 或sessionStorage 来持久化储存当前选择的菜单项,然后在页面加载时从存储中读取该值并设置给 activeIndex。 问题2:使用 vue-router 时,菜单选中状态与路由状态不同步。 解决方案:启用 el-menu 的router 属性,这样 el-menu 会根据当前路...
菜单不高亮了 而且,打印menus变量值也是对的: menus 有一点点懵逼 地址栏url是对的,menus变量值也是对的,那么到底哪里出错了呢? 难道是menu菜单渲染问题,没有重新渲染?* 试着给el-menu加了key,没有重新渲染。 想了想,有没有可能是菜单引用地址变了,所以不会重新渲染(没有看element-plus的源代码,不知道怎么...
选中的时候,有高亮的状态 方便设置默认选中的菜单,可以default-active='anyIndex' 方便设置默认展开的嵌套菜单,可以:default-openeds='["submenuIndex"]',这里必须是数组哈 点击el-menu-item触发select事件,可以知道选了哪个和路径数组 点击el-submenu触发open/close事件,可以知道选了哪个和路径数组 el-menu设置router...
elementui高亮某一行el-menu高亮 在使用element中的menu组件时,根据官方文档,可以设置给el-menu设置router属性为:true,给el-menu-item设置index的值为路径,就可以实现点击导航跳转到指定路由。 这样做虽然能实现跳转,但是,若刷新浏览器,则导航会跳转到默认的选中项,而不是我们离开时的导航。 百度时大部分回答是将de...
记录D2-admin 侧边栏 二级路由高亮问题 侧边菜单栏采用了element ui的el-menu组件,用到了default-active和router属性 分三步走 第一步,在el-menu中添加router='true' 和default-active= { this.$route.meta.name} 属性 --this.$route.meta.name为路由表中配置 第二步, 在el-menu-item中 添加 ...