添加 就可以解决了
.el-menu {
border-right-width: 0;
}
<template>
<div class="compen-left-men">
<el-menu
default-active="2"
class="el-menu-vertical-demo"
@open="handleOpen"
@close="handleClose"
background-color="#545c64"
text-color="#fff"
:router="startRouter"
active-text-color="#ffd04b"
>
<el-submenu index="1">
<template slot="title">
<i class="el-icon-location"></i>
<span>审批管理</span>
</template>
<el-menu-item-group>
<el-menu-item index="/awaitdo">待审批</el-menu-item>
<el-menu-item index="/alreadygreen">已审批</el-menu-item>
<el-menu-item index="/approvedby">审批人</el-menu-item>
<el-menu-item index="/quickset">快捷语设置</el-menu-item>
</el-menu-item-group>
<el-submenu index="1-4">
<template slot="title">选项4</template>
<el-menu-item index="1-4-1">选项1</el-menu-item>
</el-submenu>
</el-submenu>
<el-menu-item index="2">
<i class="el-icon-menu"></i>
<span slot="title">导航二</span>
</el-menu-item>
<el-menu-item index="3">
<i class="el-icon-document"></i>
<span slot="title">导航三</span>
</el-menu-item>
</el-menu>
</div>
</template>
<script>
export default {
data() {
return {
startRouter: true,}
},methods: {
handleOpen(key,keyPath) {
console.log(key,keyPath);
},handleClose(key,keyPath);
}
}
}
</script>
<style lang="less" scoped>
.compen-left-men {
height: 100%;
}
.el-menu-vertical-demo {
height: 100%;
}
.el-submenu {
width: 192px;
}
.el-menu-item {
min-width: 192px;
width: 192px;
border: none;
}
.el-menu {
border-right-width: 0;
}
</style>
原文地址:https://www.cnblogs.com/IwishIcould
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。