el-menu无子级时,无法隐藏箭头
时间: 2023-10-04 21:04:24 浏览: 501
element 中 el-menu 组件的无限极循环思路代码详解
您好,对于 el-menu 组件,在没有子级菜单时隐藏箭头的方法如下:
```html
<el-menu>
<el-submenu index="1">
<template #title>
<span>一级菜单</span>
<i v-if="hasSubMenu('1')" class="el-icon-arrow-down"></i>
</template>
<el-menu-item index="1-1">二级菜单</el-menu-item>
</el-submenu>
</el-menu>
```
上述代码中,我们通过在模板的标题处使用 `i` 元素和条件渲染 `v-if` 来判断是否有子级菜单。如果存在子级菜单,则显示箭头图标,否则隐藏箭头图标。
在这个例子中,我们使用了 `hasSubMenu` 方法来判断是否有子级菜单。您可以根据自己的具体逻辑实现此方法,以检查是否有子级菜单。
希望这个解决方案对您有所帮助!如有更多问题,请随时提问。
阅读全文