el-sub-menu 竖线
时间: 2023-10-06 18:06:17 浏览: 233
使用element-ui的el-menu导航选中后刷新页面保持当前选中状态
el-sub-menu是Element UI框架中的一个组件,用于创建垂直的子菜单。而竖线(|)通常用于表示分隔符或者边界。如果你想在el-sub-menu的子菜单项之间添加竖线分隔符,可以使用CSS样式来实现。
你可以通过以下步骤来添加竖线分隔符:
1. 在el-sub-menu组件的父元素上添加一个class,比如"menu-with-divider"。
2. 在你的CSS文件中,为这个class定义样式。
```css
.menu-with-divider .el-menu-item:not(:last-child) {
border-right: 1px solid #ebeef5; /* 设置竖线的样式 */
}
```
这个样式将会给.el-menu-item的所有非最后一个子元素添加一个右边框,形成竖线分隔符的效果。
记住,这只是一种可能的实现方式,你可以根据自己的需求进行调整。希望这个解决方案能够帮到你!如果有任何问题,请随时提问。
阅读全文