elementui导航栏菜单子路由高亮问题

最新推荐文章于 2023-08-30 10:05:28 发布
最新推荐文章于 2023-08-30 10:05:28 发布
阅读量1.1k 收藏 1
点赞数
分类专栏： elementui 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_48048603/article/details/116519981
版权
elementui中发现当子菜单中有路由列表，例如这样高亮的话，在el-menu中这样写<el-menu :router="true" :default-active="$route.path">这样直接解决。还有一种就是在这里插入图片描述需要这样写<el-menu :router="true" :default-active="this.$route.path.split('/')[1]">就这样很简单...
摘要由CSDN通过智能技术生成

elementui中发现当子菜单中有路由列表，例如这样
子菜单高亮
高亮的话，在el-menu中这样写

<el-menu :router="true" :default-active="$route.path">

这样直接解决。
还有一种就是
在这里插入图片描述
就是没有子菜单，但是有子路由这种
子路由
需要这样写

最低0.47元/天 解锁文章
浮夸年华....
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue+ElementUI 中菜单高亮问题
木马的博客
05-09 3889
首先声明，我是菜鸟 <el-menu :default-active="defaultUrl" router> <el-menu-item index="/index" key="1"><span slot="title">111</span></el-menu-item> <el-menu-item ...
Vue-路由导航菜单栏的高亮设置方法
01-21
如下所示： 默认情况下，路由的导航菜单，会自动给当前菜单添加router-link-exact...以上这篇Vue-路由导航菜单栏的高亮设置方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持软件开发网。
element-ui 导航刷新高亮，进入子路由后保持高亮
weixin_42508745的博客
12-12 1647
<el-menu style="border-right:0" :default-active="$route.path" background-color="#fff" text-color="#717E8C" active-text-color="#18A590" router > </el-menu> 将default-a...
element根据路由动态判定高亮
xiaoming4965的博客
05-05 189
element根据路由动态判定高亮
element UI中使用导航栏配置router后无法高亮
l1002670137的博客
09-19 566
解决组件库侧栏配置router后点击没有高亮显示的问题
Element导航栏点击两次才高亮的问题
夜幕下的森林
09-23 1650
在<el-menu>标签中添加： 如果你的首页的index='/index'，在data中写入： 在methods中写入： 在created中调用： 就能解决点击两次才高亮的问题。
vue elementUI使用tabs与导航栏联动
10-16
主要为大家详细介绍了vue elementUI使用tabs与导航栏联动，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
vue2.0 elementUI制作面包屑导航栏
08-28
Vue2.0 ElementUI制作面包屑导航栏 标题：Vue2.0 ElementUI制作面包屑导航栏 描述：本篇文章主要给大家详细代码讲解了Vue2.0 ElementUI制作面包屑导航栏的过程，对此有兴趣的朋友可以学习下。 标签：Vue2.0 ...
vue使用ElementUI时导航栏默认展开功能的实现
08-27
Vue 使用 ElementUI 时导航栏默认展开功能的实现 知识点： 1. ElementUI 导航栏默认展开功能的实现原理 在使用 ElementUI 时，默认情况下，导航栏是不能展开的。这是因为 ElementUI 的设计理念是让用户手动展开...
在vue中实现某一些路由页面隐藏导航栏的功能操作
10-14
在Vue.js应用中，我们经常需要构建复杂的用户界面，其中包括导航栏和路由切换。在某些特定的场景下，如登录页面或全屏展示的页面，我们可能需要隐藏导航栏以提供更好的用户体验。本文将详细讲解如何在Vue中实现某些...
element-ui菜单组件嵌套二层路由导致当前菜单高亮的问题
望南
06-15 4182
二级路由导致菜单高亮失效 首先 如果页面没有添加二级路由或者多级路由菜单得话，可以直接使用官网给的方法 :default-active="$route.path" 就没有问题了 但是当存在多层路由嵌套得时候，建议将路由写在计算属性里面 :default-active="defaultActive" 其中计算属性里面写入需要或企业得路由， computed: { //获取当前...
Vue：ElementUI练习（路由嵌套）路由嵌套 重定向（狂神）
dengfengling999的博客
06-27 1413
说明此时我们在Main.vue中的route-link位置处to改为了to，是为了将这一属性当成对象使用，注意router-link中的name属性名称一定要和路由中的name属性名称匹配，因为这样Vue才能找到对应的路由路径。--name是组件的名字params是传的参数如果要传参数的话就需要用vbind来绑定-->个人信息...
element导航菜单使用vue-router模式选中菜单项没有高亮
qq_29236119的博客
12-02 2100
1、使用element的导航菜单点击当前菜单时没有高亮，解决方法 问题原因： ①、:default-active的值不要写成具体的内容值，要改成$route.path ②、el-menu-item种的:index也要改成对应的路由值
element侧边栏子路由点击不高亮问题
最新发布
notagoodwriter的博客
08-30 795
最近自己封装侧边栏 又碰到了点击子路由不高亮的问题。就这块出现了问题，改成唯一值就好了。原因：因为我路由渲染使用的是。
ElementUI NavMenu导航菜单,跳转到包含子路由的路由时，导航菜单项不高亮显示
小张与BUG
10-08 4313
ElementUI NavMenu导航菜单,跳转到包含子路由的路由时，导航菜单项不高亮显示
Vue中使用el-menu高亮显示问题
weixin_43336525的博客
08-28 1998
在Vue项目中使用了el-menu，需求：进入该页面默认的el-menu-item高亮显示，且点击el-menu-item时路由发生变化，点击的item高亮显示
使用element-ui 菜单栏(el-menu)点击两次才高亮的bug
浮游的博客
03-14 1131
解决方法：使用路由的name属性设置给index和default-active。原因：default-active和index属性不一致导致的。
vue中使用element-ui 菜单栏(el-menu)点击双击两次才高亮的bug
qq_43631605的博客
06-08 2712
原因：default-active和index属性不一致导致的解决方法：使用路由的name属性设置给index和default-active
如何禁止elementui导航栏菜单路由跳转
05-26
如果你使用的是vue-router来进行导航栏菜单的路由跳转，可以在`<el-menu>`元素中设置`:router="false"`，这样就可以禁止elementui导航栏菜单路由跳转了，示例如下： ```vue $route.path" mode="horizontal" :...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值