<template>
<el-menu
class="el-menu-vertical-demo"
@close="handleClose"
:default-active="$route.path"
ref="menus"
:default-openeds="['0','1','2']"
v-menuIcon
>
</el-menu>
</template>
<script>
handleClose(key, keyPath) {
this.$refs.menus.open(keyPath);
},
</script>
css方面也需要进行调整(隐藏下拉箭头等)
.el-menu >>> .el-submenu .el-submenu__title .el-submenu__icon-arrow {
visibility: hidden
}
剩下的细节 根据自己的需求搞一搞就可以了
css失效的 用!important 、deep等
## *点个赞再走呗.....*