Vue中:default-openeds属性详解 - 如何默认展开子菜单项

在Vue中，:default-openeds是一个属性，用于指定默认展开的子菜单项的索引值。默认情况下，所有的子菜单项都是收起状态，如果想要某个子菜单项默认展开，可以将其索引值添加到:default-openeds属性中。\n\n例如，:default-openeds="['1']"表示默认展开第二个子菜单项（索引值从0开始计数）。\n\n可以将:default-openeds属性绑定到菜单组件的属性或者通过v-bind指令动态绑定数据。\n\n示例：\n\nhtml\n<template>\n <div>\n <el-menu :default-openeds="defaultOpeneds">\n <el-submenu index="1">\n <template slot="title">选项1</template>\n <el-menu-item index="1-1">选项1-1</el-menu-item>\n <el-menu-item index="1-2">选项1-2</el-menu-item>\n </el-submenu>\n <el-submenu index="2">\n <template slot="title">选项2</template>\n <el-menu-item index="2-1">选项2-1</el-menu-item>\n <el-menu-item index="2-2">选项2-2</el-menu-item>\n </el-submenu>\n </el-menu>\n </div>\n</template>\n\n<script>\nexport default {\n data() {\n return {\n defaultOpeneds: [&#39;1&#39;] // 默认展开第二个子菜单项\n };\n }\n};\n</script>\n\n\n在上面的示例中，defaultOpeneds数组中的值是字符串类型的索引值，代表将要默认展开的子菜单项的索引。这样就可以实现默认展开指定的子菜单项。