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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM