vue侧边菜单栏组件默认展开
时间: 2023-11-23 21:08:20 浏览: 95
基于vue实现圆形菜单栏组件
为了让Vue侧边菜单栏组件默认展开,需要在`el-menu`标签中添加`default-openeds`属性,并将其设置为一个包含需要展开的菜单项的数组。例如,如果需要展开第1、2和3个菜单项,则可以这样设置:
```html
<template>
<el-menu :default-openeds="['1', '2', '3']">
<el-submenu index="1">
<template slot="title">菜单1</template>
<el-menu-item index="1-1">选项1</el-menu-item>
<el-menu-item index="1-2">选项2</el-menu-item>
</el-submenu>
<el-submenu index="2">
<template slot="title">菜单2</template>
<el-menu-item index="2-1">选项1</el-menu-item>
<el-menu-item index="2-2">选项2</el-menu-item>
</el-submenu>
<el-submenu index="3">
<template slot="title">菜单3</template>
<el-menu-item index="3-1">选项1</el-menu-item>
<el-menu-item index="3-2">选项2</el-menu-item>
</el-submenu>
</el-menu>
</template>
```
在上面的代码中,`default-openeds`属性被设置为`['1', '2', '3']`,这意味着菜单1、2和3将默认展开。如果需要展开其他菜单项,只需将数组中的数字更改为相应的索引即可。
阅读全文