vue3.0 动态菜单element Sidebar 配置（递归）

最新推荐文章于 2025-04-22 23:50:29 发布

newTeethCanRepaired

最新推荐文章于 2025-04-22 23:50:29 发布

阅读量2.2k

点赞数 1

分类专栏： vue3.0 element

本文链接：https://blog.youkuaiyun.com/qq_40144303/article/details/118889611

版权

本文介绍了如何在Vue3.0中使用Element UI的Sidebar组件动态配置菜单，包括递归子菜单的实现。内容涵盖模拟菜单数据、组件间的交互以及最终展示效果的描述。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

模拟菜单数据数据

   var items = [
            {
              children: [],
              data: {
                createTime: "",
                createdBy: "",
                id: 5,
                isDeleted: 0,
                menuDesc: "",
                menuIcon: "el-icon-back",
                menuName: "1级菜单4",
                menuUrl: "backgroundSettiing",
                modifiedBy: "",
                parentId: 0,
                roleIds: [],
                sort: 4,
                type: 0,
                updateTime: "",
              },
            },
            {
              children: [
                {
                  children: [
                    {
                      data: {
                        id: 6,
                        menuName: "3级菜单1",
                      },
                    },
                  ],
                  data: {