vue中default-openeds=1
在Vue中,default-openeds是一个属性,用于指定默认展开的子菜单项的索引值。默认情况下,所有的子菜单项都是收起状态,如果想要某个子菜单项默认展开,可以将其索引值添加到default-openeds属性中。
例如,default-openeds="[1]"表示默认展开第二个子菜单项(索引值从0开始计数)。
可以将default-openeds属性绑定到菜单组件的属性或者通过v-bind指令动态绑定数据。
示例:
<template>
<div>
<el-menu :default-openeds="defaultOpeneds">
<el-submenu index="1">
<template slot="title">选项1</template>
<el-menu-item index="1-1">选项1-1</el-menu-item>
<el-menu-item index="1-2">选项1-2</el-menu-item>
</el-submenu>
<el-submenu index="2">
<template slot="title">选项2</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>
</div>
</template>
<script>
export default {
data() {
return {
defaultOpeneds: ['1'] // 默认展开第二个子菜单项
};
}
};
</script>
在上面的示例中,defaultOpeneds数组中的值是字符串类型的索引值,代表将要默认展开的子菜单项的索引。这样就可以实现默认展开指定的子菜单项
原文地址: https://www.cveoy.top/t/topic/hPpz 著作权归作者所有。请勿转载和采集!