Vue3 - Element-Plus实现el-menu无限级菜单组件，菜单栏无限多层级分类，导航栏递归动态菜单和动态路由的渲染源码（基于Menu封装左侧菜单栏组件，支持接口获取动态数据、懒加载菜单）

前言

如果您需要 Vue2 版本，请访问 这篇文章。

vue3+element-plus封装Menu无限级菜单组件，基于el-menu封装左侧菜单栏组件，实现根据路由列表动态渲染导航菜单（多级嵌套的菜单，实现多级菜单渲染）菜单数据可以是服务端后台api接口动态获取赋值渲染，支持菜单列表懒加载（可自由开关，开启的话只有点到多级菜单时才会加载子菜单并渲染出来）无限嵌套菜单，提供详细源码放入数据即可。

提供详细示例代码，新手小白直接复制运行。

如下图所示，兼容手机H5及PC端（样式自己调）。

详细示例，保证搞定

解决方案

具体实现思路及代码如下，请直接复制运行测试即可。