欢迎来到蕾蕾的博客

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,否则样式走样严重,并且这样使用,会出现一级菜单排列顺序异常的问题,当然可以用一些方法处理,比如通过某个值强制确定位置,但是个人认为没必要搞那么麻烦,所以推荐第一种处理方式。

posted @ 2020-08-27 17:02  蕾蕾是个程序员  阅读(1109)  评论(0编辑  收藏  举报