【vue】下拉列表显示层级关系

getDirListForFile() {
      dirList().then((res) => {
        let list = [];
        res.data.forEach((item) => {
          let str = "|--";
          if (item.parentId == "0") {
            item.name= str + item.name;
            list.push(item);
            this.findChilde(res.data, item, str, list);
          }
        });
        this.directoryList = list;
      });
    },
    findChilde(data, unitItem, str, list) {
     str = "|--" + str;
      data.forEach((item) => {
        if (item.parentId == unitItem.id) {
          item.name= str + item.name;
          list.push(item);
          this.findChilde(data, item, str, list);
        }
      });
    },