基于vue+elementUI实现的三级菜单

实现效果如下

三级菜单效果图

砰砰砰 !!!听说不贴代码的博客都是耍流氓(复制即用,请叫我雷锋)

数据源

list: [
        {
          path: "/1",
          name: "导航一",
          icon:'el-icon-menu',
          children: [
            {
              path: "/1/1",
              name: "导航1-1",
              icon:'el-icon-menu',
              children: [
                {
                  path: "/1/1/1",
                  name: "导航1-1-1",
                  icon:'el-icon-menu',
                },
                {
                  path: "/1/1/2",
                  name: "导航1-1-2",
                  icon:'el-icon-menu',
                },
                {
                  path: "/1/1/3",
                  name: "导航1-1-3",
                  icon:'el-icon-menu',
                }
              ]
            },
            {
              path: "/1/2",
              name: "导航1-2",
              icon:'el-icon-menu',
            }
          ]
        },
        {
          path: "/2",
          name: "导航二",
          icon:'el-icon-menu'
        }
      ]

aside.vue


  
    
  


你可能感兴趣的:(基于vue+elementUI实现的三级菜单)