解決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; // 樹形列表