为啥我这导航一没显示出来呢

Question

<template>
  <el-menu
    :uniqueOpened="true"
    background-color="#545c64"
    text-color="#fff"
    active-text-color="#ffd04b"
  >
    <!--子集menu-->
    <el-submenu index="1">
      <template #title>
        <i class="el-icon-location"></i>
        <span>导航一</span>
      </template>
      <el-menu-item index="1-1">选项1</el-menu-item>
      <el-menu-item index="1-2">选项2</el-menu-item>
    </el-submenu>
    <!-- 具体菜单 -->
    <el-menu-item index="2">
      <i class="el-icon-location"></i>
      <template #title>导航四</template>
    </el-menu-item>
  </el-menu>
</template>

<script setup>
import {} from 'vue'
</script>

<style lang="scss" scoped>
</style>

<template>
  <div class="">
    <h1>占位</h1>
    <el-scrollbar>
      <sidebar-menu></sidebar-menu>
    </el-scrollbar>
  </div>
</template>

<script setup>
import SidebarMenu from './SideBarMenu.vue'
import {} from 'vue'
</script>

<style lang="scss" scoped>
</style>

Answer 1

coderhjh 2022-01-15 14:11:12

el-sub-menu

• 超能小可爱yyyy #1

  我的写el-sub-menu就跟他一样的效果，然后改成el-submenu就好了 离谱

• Sunday 回复 超能小可爱yyyy #2

  element-plus 在 1.2.0 中修改了 el-sub-menu 组件的名字（原为 el-submenu）

Answer 2

一切都是为了钱 2023-09-13 16:45:24

解决了吗，我也遇到了这个问题

Answer 3

超能小可爱yyyy 2022-02-09 13:57:42

解决了吗

Answer 4

Sunday 2021-11-24 09:31:37

你好

你可以在浏览器中审查元素，我觉得 《导航一》应该是被 《占位的DOM》遮挡了