el-menu :default-openeds
时间: 2023-11-22 07:45:12 浏览: 310
el-menu是一个基于Element UI的垂直菜单组件,而:default-openeds是el-menu组件的一个属性,用于设置默认展开的子菜单。这个属性的值是一个数组,包含所有需要默认展开的子菜单的index值。在上述引用中,这个属性被设置为:default-openeds="openeds",其中openeds是一个数组,包含所有需要默认展开的子菜单的index值。这样,在页面加载时,这些子菜单就会自动展开。
相关问题
<el-menu :default-openeds="['1', '3']">
在使用`<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']`,表示默认展开导航一和导航三的子菜单。这样,在页面加载完成后,就会自动展开这两个子菜单。
<el-menu :default-active="activePath" :default-openeds="menus.map(v => v.id + '')" class="el-menu-demo" style="border: none" router >
这是一个基于Element UI框架的el-menu组件,它是一个垂直的导航菜单。其中包含了以下属性:
- :default-active:指定默认选中的菜单项的路径。
- :default-openeds:指定默认展开的子菜单的id数组。
- class:指定组件的class名称,用于设置样式。
- style:指定组件的样式,这里设置了一个无边框的样式。
- router:指定组件使用Vue.js的路由功能,用于实现单页应用的导航功能。
阅读全文