帮我分析下面代码为什么第二个菜单点击后显示不了子菜单 el-row.tac el-col(:span="12") el-menu.el-menu-vertical-demo(active-text-color="#ffd04b", background-color="#353535", default-active="2", text-color="#C5C5C5", @open="handleOpen", @close="handleClose") el-menu-item(index="1") el-icon icon-menu span 货款管理 el-sub-menu(index="2") template(#title) el-icon icon-menu span 发票管理 el-menu-item(index="2-1") 开票 el-menu-item(index="2-2") 供货商发票管理 el-menu-item(index="2-3") 退票管理 el-menu-item(index="3") el-icon icon-menu span 到账支出管理 el-menu-item(index="4") el-icon document span 平台分配 el-menu-item(index="5") el-icon setting span 系统设置
时间: 2023-12-10 15:41:04 浏览: 177
关于2级菜单栏显示效果
根据提供的代码,第二个菜单点击后显示不了子菜单的原因可能是缺少 `slot` 插槽。具体来说,`<el-sub-menu>` 组件需要使用 `template` 元素来定义子菜单的标题,但是在提供的代码中,`<el-sub-menu>` 没有使用 `slot` 插槽来将 `template` 中的内容插入到子菜单中。因此,可以尝试将 `<el-sub-menu>` 修改为以下代码:
```
<el-sub-menu index="2">
<template #title>
<el-icon class="icon-menu"></el-icon>
<span>发票管理</span>
</template>
<el-menu-item index="2-1">开票</el-menu-item>
<el-menu-item index="2-2">供货商发票管理</el-menu-item>
<el-menu-item index="2-3">退票管理</el-menu-item>
</el-sub-menu>
```
这样就会将 `template` 中的内容插入到子菜单中,并且可以通过点击第二个菜单来展开子菜单。
阅读全文