elementui菜单激活
时间: 2023-08-28 11:06:06 浏览: 34
当使用Element UI的菜单组件时,可以通过设置`default-active`或者`active-name`属性来设置默认激活的菜单项。例如:
```html
<el-menu default-active="1">
<el-menu-item index="1">菜单项1</el-menu-item>
<el-menu-item index="2">菜单项2</el-menu-item>
<el-menu-item index="3">菜单项3</el-menu-item>
</el-menu>
```
上面的代码中,`default-active`属性设置为`1`,表示默认激活第一个菜单项。如果要动态激活菜单项,可以使用`active-name`属性,将其绑定到一个变量上,然后在需要的时候修改这个变量的值即可。
```html
<el-menu :default-active="activeIndex" @select="handleSelect">
<el-menu-item index="1">菜单项1</el-menu-item>
<el-menu-item index="2">菜单项2</el-menu-item>
<el-menu-item index="3">菜单项3</el-menu-item>
</el-menu>
```
上面的代码中,`default-active`属性绑定到`activeIndex`变量上,表示默认激活`activeIndex`对应的菜单项。在`handleSelect`方法中,可以动态修改`activeIndex`的值,从而实现菜单项的动态激活。