在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数组中的值是字符串类型的索引值,代表将要默认展开的子菜单项的索引。这样就可以实现默认展开指定的子菜单项

vue中default-openeds=1

原文地址: https://www.cveoy.top/t/topic/hPpz 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录