本文主要是介绍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的菜单通过平分的方式,通过两次赋值,解决了这个问题。
大家有没有更好的解决方法,欢迎讨论。
这篇关于vue3 el-menu 菜单Maximum recursive updates exceeded 报错的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!