as shown in the figure, the system is set here to fold up anywhere else on the page when it is expanded, which is particularly inconvenient. How to fold only when you click the fold button. The same is true with the example of the official website.
<div class="content">
<el-menu
default-active="2"
class="el-menu-vertical-demo"
@open="handleOpen"
@close="handleClose">
<el-submenu index="1">
<template slot="title">
<i class="el-icon-location"></i>
<span></span>
</template>
<el-menu-item index="1-1" ><router-link to="/one">1</router-link></el-menu-item>
<el-menu-item index="1-2">2</el-menu-item>
<el-menu-item index="1-3">3</el-menu-item>
</el-submenu>
<el-menu-item index="2" route="/two">
<i class="el-icon-menu"></i>
<span slot="title"></span>
</el-menu-item>
<el-menu-item index="3" disabled>
<i class="el-icon-document"></i>
<span slot="title"></span>
</el-menu-item>
<el-menu-item index="4">
<i class="el-icon-setting"></i>
<span slot="title"></span>
</el-menu-item>
</el-menu>
<router-view></router-view>
</div>