el-sub-menu is-opened

### Element UI `el-sub-menu`组件中的`is-opened`属性

在Element UI框架内，`el-sub-menu`组件用于创建带有子菜单项的导航条目。对于`is-opened`这一布尔型属性而言，当设置为`true`时，对应的子菜单会被默认展开显示；反之则保持关闭状态[^1]。

<template>
  <el-menu default-active="2" class="el-menu-vertical-demo">
    <!-- 子菜单，默认打开 -->
    <el-sub-menu index="1" :is-opened="true">
      <template #title><i class="el-icon-location"></i>Navigator One</template>
      <el-menu-item index="1-1">item one</el-menu-item>
      <el-menu-item index="1-2">item two</el-menu-item>
    </el-sub-menu>
    
    <!-- 子菜单，默认关闭 -->
    <el-sub-menu index="2" :is-opened="false">
      <template #title><i class="el-icon-menu"></i>Navigator Two</template>
      <el-menu-item index="2-1">item three</el-menu-item>
      <el-menu-item index="2-2">item four</el-menu-item>
    </el-sub-menu>
  </el-menu>
</template>

<script setup>
// 此处省略导入和其他逻辑代码...
</script>

值得注意的是，在实际开发过程中如果遇到无法正常控制子菜单开合的情况，可能是因为版本兼容性问题或者是其他配置冲突所引起的错误。此时建议检查使用的Element UI版本以及确认是否有重复定义样式或者其他插件干扰到了正常的DOM结构渲染过程[^2]。