el-menu 动态设置菜单移上去的颜色
时间: 2023-11-22 12:07:45 浏览: 73
动态设置桌面颜色
你可以通过设置 `activeTextColor` 属性来改变菜单项移动到上面时的颜色。例如:
```html
<el-menu :default-active="$route.path" class="el-menu-demo" mode="horizontal" @select="handleSelect" :router="true" active-text-color="#409eff">
<el-menu-item index="/">首页</el-menu-item>
<el-submenu index="1">
<template slot="title">导航一</template>
<el-menu-item-group>
<template slot="title">分组一</template>
<el-menu-item index="/page1">选项1</el-menu-item>
<el-menu-item index="/page2">选项2</el-menu-item>
</el-menu-item-group>
<el-menu-item-group title="分组2">
<el-menu-item index="/page3">选项3</el-menu-item>
</el-menu-item-group>
<el-submenu index="4">
<template slot="title">选项4</template>
<el-menu-item index="/page4">选项4-1</el-menu-item>
</el-submenu>
</el-submenu>
<el-menu-item index="/about">关于</el-menu-item>
</el-menu>
```
在上面的例子中,我设置了 `active-text-color` 属性为 `#409eff`,表示菜单项移动到上面时的颜色为蓝色。你可以根据自己的需求进行调整。
阅读全文