elment-ui的el-menu当采用递归方式生成导航栏的子菜单时,菜单可以正常生成,但是当鼠标hover时,会出现循环调用某个(mouseenter)事件,导致最后报错 Maximum call stack size exceeded.
1.给el-submenu添加一个属性: popper-append-to-body:true
将二级子菜单插入至body,这样做之后需要根据需要添加一些样式
2.给组件最外围添加一个div(暂时使用第一个解决方式没有作用,可能是因为elment-ui版本问题)
这是第一个的尝试,能够使子菜单大致正常使用,但是包裹之后,又需要给div添加
display:inline-block
,否则样式走样严重,并且这样使用,会出现一级菜单排列顺序异常的问题,当然可以用一些方法处理,比如通过某个值强制确定位置,但是个人认为没必要搞那么麻烦,所以推荐第一种处理方式。