解决element ui tree 树状结构二级菜单不能显示

官方文档要求，一级菜单与二级菜单绑定的label字段必须要一致才可以显示

 

 这是后端给我返回的数据结构，我发现二级菜单名称字段，与一级菜单的字段不一致

 

 可以通过遍历重新赋值的方法解决，下面是代码

 getMachine()
        .then((data) => {
          let arr = [];
          data.data.data.forEach((item) => {
            let arrs = [];
            item.mainfos.forEach((items) => {
              let objs = {
                value: items.id,
                label: items.name,
                id: items.id,
              };
              arrs.push(objs);
            });
            let obj = {
              value: item.dictKey,
              label: item.dictValue,
              children: arrs,
              id: item.id,
              dictKey: item.dictKey
            };
            arr.push(obj);
          });
          this.datalist = arr; // 树形列表