怎么打开页面el-sub-menu就是展开的
时间: 2023-06-25 14:01:58 浏览: 197
使用element-ui的el-menu导航选中后刷新页面保持当前选中状态
您可以使用 `default-active` 属性来设置 `el-sub-menu` 默认展开的子菜单项。例如:
```html
<template>
<el-menu>
<el-sub-menu default-active="1">
<template slot="title">菜单一</template>
<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-sub-menu>
<el-sub-menu>
<template slot="title">菜单二</template>
<el-menu-item index="4">选项4</el-menu-item>
<el-menu-item index="5">选项5</el-menu-item>
<el-menu-item index="6">选项6</el-menu-item>
</el-sub-menu>
</el-menu>
</template>
```
在上面的代码中,我设置了第一个 `el-sub-menu` 的 `default-active` 属性为 `"1"`,表示默认展开第一个子菜单项。您可以根据自己的需要设置不同的值来展开不同的子菜单项。
阅读全文