将后端返回的树状结构平铺开

1.后端返回的数据

{ "message": "success", 
  "code": 0, 
  "data": [
    {"children": [
      {"value": 0, "label": "\u672a\u5f52\u7c7b\u7ec4"}, 
      {"value": 1, "label": "\u5185\u7f51IP\u8303\u56f4"}, 
      {"value": 2, "label": "\u4e2d\u56fd\u6c14\u8c61\u5c40"}, 
      {"children": [
         {"children": [
            {"children": [
               {"value": 7, "label": "\u536b\u661f\u6570\u636e\u4e0e\u8d44\u6e90\u5ba4"}, 
               {"value": 8, "label": "\u6c14\u8c61\u536b\u661f\u5de5\u7a0b\u7814\u53d1\u5ba4"}, 
               {"value": 9, "label": "\u8fd0\u884c\u63a7\u5236\u5ba4"}, 
               {"value": 10, "label": "\u529e\u516c\u5ba4\uff08\u8ba1\u5212\u8d22\u52a1\u5904\uff09"}, 
               {"value": 11, "label": "\u4e1a\u52a1\u7ba1\u7406\u5904"}], 
       "value": 6, "label": "\u536b\u661f\u4e2d\u5fc3"}], 
       "value": 5, "label": "\u5404\u76f4\u5c5e\u5355\u4f4d"}, 
       {"children": 
         [{
           "value": 15, "label": "\u5317\u4eac"}], "value": 13, "label": "\u5404\u7701\uff08\u533a\u3001\u5e02\uff09"}],
          "value": 16, "label": "\u5c40\u673a\u51731"}], 
          "value": -1, "label": "\u5168\u90e8"}]}

2.转换

getFlatArr (arr) {
    return arr.reduce((a, item) => {
        let flatArr = [...a, item];

	        // 可以在此处限制各种需要的条件，在展示字段前加空格，——之类的，以及其它情况
        if (item.children) {
           flatArr = [...flatArr, ...this.getFlatArr(item.children)];
         }
        return flatArr;
        }, []);
    }