<el-menu :default-openeds="['1', '3']">
时间: 2023-12-29 14:05:24 浏览: 163
菜单特效,默认打开一个菜单
在使用`<el-menu>`组件时,可以通过设置`default-openeds`属性来默认展开某个或多个子菜单。如下所示:
```html
<el-menu :default-openeds="['1', '3']">
<el-submenu index="1">
<template slot="title">导航一</template>
<el-menu-item-group>
<template slot="title">分组一</template>
<el-menu-item index="1-1">选项1</el-menu-item>
<el-menu-item index="1-2">选项2</el-menu-item>
</el-menu-item-group>
<el-menu-item-group title="分组2">
<el-menu-item index="1-3">选项3</el-menu-item>
</el-menu-item-group>
<el-submenu index="1-4">
<template slot="title">选项4</template>
<el-menu-item index="1-4-1">选项4-1</el-menu-item>
</el-submenu>
</el-submenu>
<el-submenu index="2">
<template slot="title">导航二</template>
<el-menu-item index="2-1">选项1</el-menu-item>
<el-menu-item index="2-2">选项2</el-menu-item>
<el-menu-item index="2-3">选项3</el-menu-item>
</el-submenu>
<el-submenu index="3">
<template slot="title">导航三</template>
<el-menu-item index="3-1">选项1</el-menu-item>
<el-menu-item index="3-2">选项2</el-menu-item>
<el-menu-item index="3-3">选项3</el-menu-item>
</el-submenu>
</el-menu>
```
在上述代码中,`default-openeds`属性被设置为`['1', '3']`,表示默认展开导航一和导航三的子菜单。这样,在页面加载完成后,就会自动展开这两个子菜单。
阅读全文