如何让el-menu的第一个菜单默认打开
时间: 2023-11-18 08:03:09 浏览: 118
要让`el-menu`的第一个菜单默认打开,你可以使用`default-openeds`属性来实现。`default-openeds`属性是一个数组,用于指定需要默认展开的菜单项的索引路径。
以下是一个示例代码:
```vue
<template>
<el-menu :default-openeds="defaultOpeneds">
<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">子菜单3</el-menu-item>
<el-menu-item index="2-2">子菜单4</el-menu-item>
</el-submenu>
</el-menu>
</template>
<script>
export default {
data() {
return {
defaultOpeneds: ['1'] // 第一个菜单的索引路径
};
}
};
</script>
```
在上面的示例中,我们将`defaultOpeneds`数组设置为`['1']`,即第一个菜单的索引路径。这样,当组件加载时,第一个菜单将默认展开。
你可以根据你的实际情况修改菜单项的索引路径和菜单的层级结构,并在`defaultOpeneds`数组中指定需要默认展开的菜单项的索引路径。
希望这能帮助到你!如果还有其他问题,请随时提问。