【前端02】解决使用element-plus中el-menu点击不能一直高亮

最新推荐文章于 2024-08-16 15:47:36 发布
最新推荐文章于 2024-08-16 15:47:36 发布
阅读量191 收藏
点赞数 1
文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/noyade/article/details/137581518
版权

因为使用到了router。
直接设置
const route=useRoute()
:default-active=“route.path”

<el-menu class="el-menu-demo" mode="horizontal"  :default-active="route.path" :ellipsis="false" unique-opened="true" active-text-color="#ffd04b"
    router>
Noyade
关注
Element-Plus导航栏刷新高亮消失（解决）
Daisy_ls的博客
02-28 1563
element项目左侧导航栏里面的高亮，点击时都正常展示，一旦刷新页面，高亮就消失了，但是页面还是之前点击的页面。为了解决这个问题，试了网上说的所有方法，最后发现是少加了一个符号。
element plus 中menu菜单项不高亮
m0_51607474的博客
05-29 799
动态添加类名，当跳转路由的名字与路由的名字相同时，给class添加is-active类名。
elementUI的Menu组件高亮问题并保存所选高亮
qq_44906497的博客
09-21 1098
3. 在created中赋值。1. 在vuex中存储。2. 提交给vuex。
探究 Element Plus Menu 横向多层级展开组件的 Bug 及解决方案
球球不吃虾WHR2349博客
08-16 1226
在使用 Element Plus 的 Menu 组件时，我们可能希望构建一个复杂的导航系统，其中包括多个级别的子菜单。在默认的纵向布局下，Menu 组件表现良好，能够完美展示多级子菜单。然而，在某些应用场景中，我们可能需要一个横向的菜单布局，此时问题就显现出来了。当你尝试将 Menu 组件设置为横向（mode=“horizontal”）并且包含多级子菜单时，可能会发现子菜单的显示存在问题。具体来说，子菜单可能无法正确地展开，或者展开时的样式和位置不符合预期，尤其是在涉及到第三级或更深层次的菜单项时。
element NavMenu导航菜单 禁止 高亮
NancyFyn的博客
04-07 913
切换二级菜单，禁止菜单高亮。
element-plus刷新后菜单不选中不高亮的问题
qq_44747508的博客
01-02 3439
在使用element-plus的el-menu组件时发现刷新页面后，菜单不会默认选中也不会高亮。 很多答案都没有说明真正的原因在哪里，代码又多看起来颇为费力，实际上只要设置el-menu组件的default-active属性 <template> <el-menu :unique-opened="true" :collapse-transition="true" :default-active="defaultMenu" class="el-menu-
element-plus侧边导航高级技巧：子菜单高亮如何让父菜单也高亮
weixin_46268913的博客
03-10 546
这里使用的是element-plus。注意一定要在scoped中否则不生效。在style scoped里添加。
element-plus中的el-menu-item的焦点颜色怎么改变
最新发布
09-23
在 Element Plus 中，`el-menu-item` 元素通常用于创建导航菜单项。如果你想要更改其获得焦点时（即鼠标悬停或按下 Tab 键选中时）的颜色，你可以通过自定义 CSS 样式来控制。Element UI 提供了主题系统，你可以覆盖...
element-ui使用导航栏跳转路由的用法详解
10-18
在`<el-menu>`组件中使用`router`属性时，Vue Router会接管导航栏的点击事件，根据当前的路由状态来切换页面。这里的关键是确保你的路由配置与导航栏组件中的`index`属性一一对应。 路由配置是通过Vue Router的`...
element-plus的el-meun怎么用route
06-06
要在 element-plus 的 el-menu 中使用路由，需要使用 Vue Router 的 router-link 组件来定义菜单项的链接。具体实现步骤如下： 1. 在 Vue Router 的路由配置中，为每个路由定义一个唯一的 name 属性，例如： ``` {...
elementui中导航menu高亮变色问题
热门推荐
脑瓜疼儿的博客
12-19 1万+
elementui中导航menu高亮变色问题 &amp;lt;el-menu-item-group title=&quot;分组2&quot;&amp;gt; &amp;lt;el-menu-item index=&quot;1-3&quot;&amp;gt;选项3&amp;lt;/el-menu-item&amp;gt; &amp;lt;/el-menu-item-group&am
Vue 3项目中结合Element Plus的＜el-menu＞和CSS3创建锚点，以实现点击菜单项时平滑滚动到对应的锚点目标
m0_67624022的博客
03-22 1987
确保已经安装了Element Plus库。可以使用npm或者yarn进行安装，具体步骤与上文提到的相同。方法来处理菜单项的选择事件，使得点击菜单项时能够平滑滚动到对应的锚点目标。在你的Vue 3项目中引入所需的Element Plus组件和样式。值对应，这样点击菜单项时页面就会平滑滚动到相应的锚点目标位置。属性为对应的锚点目标的id。在页面中添加与菜单项。
关于vue使用Element Plus框架的时候，使用Menu菜单的时候，遇到了一些问题，解决了
weixin_46212682的博客
12-14 5521
关于vue使用Element Plus框架的时候，使用Menu菜单的时候，遇到了一些问题，解决了
html引入element-plus，menu左侧菜单栏，点击变色
weixin_56381842的博客
07-20 1387
html引入element-plus，menu左侧菜单栏，点击变色
El-Element-Plus 菜单相关问题
weixin_47239456的博客
06-30 400
el-menu收缩问题
element-plus中menu的基本知识点
m0_52518047的博客
11-24 6781
（1）menu组件要有路由导航效果； （2）在页面刷新的时候，选中的导航要保持展开以及高亮状态；
Vue3+ElementPlus el-menu子菜单设置父菜单选中技巧
柒柒兮的博客
08-02 3231
第一步在路由中设置 { path: "/aView", name: "aView", meta: { title: '父菜单' }, component: () => import( "../views/aView.vue"), }, { path: "/bView", name: "bView", meta: { title: '子菜单', activeMenu:'aView'//注意这里的设置,设置的是父菜单的pathName }, component: () =&
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值