使用递归生成el-menu子菜单报错“Maximum call stack size exceeded”处理

element-ui使用el-menu垂直菜单导航栏折叠后hover鼠标经过时会报“Maximum call stack size exceeded”错误的解决方案

侧边导航栏收起时，鼠标经过会报错“Maximum call stack size exceeded”，让我感到十分的疑惑，看了网上很多资料，包括升级了element-ui版本和热更新冲突等都没得到解决。

这种情况只有在有二级菜单的情况下，鼠标移动会循环报错，而一级菜单经过时则不会，接下来让我来给大家避避坑吧！

困扰了我两天终于得到啦解决，不过这种方法收搜的时候有一点点卡顿，收缩动画跟文字不同步，要是有更好的办法可以提出来呀~

尝试办法一：新建一个新分支，把element ui @2.13.0版本升级为@2.13.2，然后在<el-submenu>加:popper-append-to-body="true"；尝试后发现还是会报错。

尝试方法二：在<el-submenu>最外层加个<div>包住整个子组件ÿ