el-submenu 去除箭头
时间: 2024-09-07 10:02:30 浏览: 109
使用element-ui的el-menu导航选中后刷新页面保持当前选中状态
`el-submenu`是Element UI库中的一个组件,它用于创建下拉菜单。如果你想去除`el-submenu`默认显示的箭头图标,可以在HTML模板或者CSS样式中进行操作:
**在HTML模板中**,你可以直接设置`arrow`属性为`false`,例如:
```html
<el-menu-item>
<el-submenu :arrow="false">
<template slot="title">二级菜单</template>
<el-menu-item-group title="分组一">
<!-- 子项 -->
</el-menu-item-group>
</el-submenu>
</el-menu-item>
```
**在CSS样式中**,可以针对`.el-submenu-title`类添加样式来隐藏箭头:
```css
.el-submenu .el-submenu-title::after {
display: none;
}
```
或者更具体的路径:
```css
.el-menu .el-submenu__title .el-icon.arrow {
display: none;
}
```
这样就可以达到移除`el-submenu`箭头的效果了。
阅读全文