官方文档中NavMenu导航菜单有一个Menu Attributes属性collapse，是一个 bollean 类型，用于控制是否水平折叠菜单。
我们可以通过设置collapse属性的值为 true 或 false 来控制菜单的折叠与展开。
解决方案
1.实现一个按钮，
2.在data中定义一个数据collapse
3.实现方法toggleCollapse
4.在el-menu中动态绑定属性值collapse
问题：在左侧菜单的展开与折叠中，文本和图标折叠了，但是菜单的长度并没有折叠，发现原因是菜单的长度给了一个固定的值，而实际上我们需要动态给定长度。如果菜单是展开的，长度是等于文本的长度+图标的长度。如果菜单是折叠的，长度是等于图标的长度。我们可以根据isCollapse的值进行判断，通过它的值为true或者是false，来给定不同的长度：
最简单的方法就是把二级菜单的样式设置为：
.oe_secondary_submenu {display:none}然后在点击的时候显示二级菜单：
$(".oe_secondary_submenu").data("onShow")=false //一开始状态为隐藏$(".oe_secondary_menu_section").click(function(){
if($(".oe_secondary_submenu").data("onShow")){ //切换二级菜单的同时改变状态
$(".oe_secondary_submenu").hide()
$(".oe_secondary_submenu").data("onShow",false)
}else{
$(".oe_secondary_submenu").show()
$(".oe_secondary_submenu").data("onShow",true)
}
})
复杂一点的话可以用各种插件
