vue3 el-menu 菜单Maximum recursive updates exceeded 报错
vue3 用el-menu实现管理后台左侧菜单,报Uncaught (in promise) Maximum recursive updates exceeded in component <ElMenu>. This means you have a reactive effect that is mutating its own dependencies and thus recursively triggering itself. Possible sources include component template, render function, updated hook or watcher source function.错误。
从错误信息中大概可猜到应该是由于递归或者一些响应式数据递归依赖所造成的,造成超出最大调用限制,大概在ElMenu处报错。后面通过逐步注释代码的方式,发现注释掉el-menu-item相关部分的代码,就正常了。大概猜测是这里的问题。不过其实不一定,因为el-sub-menu其实也有可能出问题,可能只是el-menu-item数量比较大。而且vue本身git仓库也有不少反馈这个问题。
最后,采取了一种曲线救国的方式:将ElMenu的菜单通过平分的方式,通过两次赋值,解决了这个问题。
大家有没有更好的解决方法,欢迎讨论。