使用Element UI导航菜单默认展开子菜单
在Element UI中,可以通过default-active
属性来设置导航菜单的默认展开项。如果你想要默认展开子菜单,你需要设置default-active
为子菜单对应的index
值。
以下是一个简单的例子,展示如何使用Element UI的导航菜单组件,并默认展开子菜单:
<template>
<el-menu :default-active="'2-1'">
<el-submenu index="2">
<template slot="title">导航二</template>
<el-menu-item index="2-1">选项2-1</el-menu-item>
<el-menu-item index="2-2">选项2-2</el-menu-item>
</el-submenu>
<el-menu-item index="3">导航三</el-menu-item>
</el-menu>
</template>
<script>
export default {
// 你的组件数据和方法
};
</script>
在这个例子中,<el-menu>
组件的 default-active
属性被设置为 '2-1'
,这表示当组件初始化时,索引为 '2-1'
的子菜单项(即“导航二”下的“选项2-1”)将默认展开。
请注意,index
值必须与你的菜单项的 index
值对应,以确保正确的子菜单项被默认展开。
评论已关闭