• 级联选择器的二维数组键值问题


      // 递归查询
        seachSort(tree, temp = []) {
          var exitNo = [
            "firstCateName",
            "firstCateLabelId",
            "secondCateName",
            "secondCateLabelId",
          ];
          for (let key of tree) {
            for (let node in key) {
              if (exitNo.includes(node)) {
                if (node.includes("LabelId")) { 
                //匹配有LabelId
                  key["value"] = key[node];
                  delete key[node];
                } else if (node.includes("Name")) {
                //匹配有Name
                  key["label"] = key[node];
                  delete key[node];
                }
              } else {
                if (key["cateLabelList"] && key["cateLabelList"].length > 0) {
                  this.seachSort(key["cateLabelList"]);
                }
              }
            }
          }
          return tree;
        },
        // 获取自定义分类列表
        async definedCategories() {
          const res = await storeCateLabelList({
            storeId: localStorage.getItem("u"),
          });
          if (res.code == 200 && res.data) {
            console.log(res.data, "data");
            this.bizSelectData = this.seachSort(res.data).map((item) => {
              if (item.cateLabelList) {
                return {
                  value: item.value,
                  label: item.label,
                  children: item.cateLabelList, //修改cateLabelList的键值为children
                };
              } else {
                return {
                  value: item.value,
                  label: item.label,
                };
              }
            });
            console.log(this.bizSelectData, "bizSelectData");
          }
        },
    
    res.data的接口返回值为:json
    {"code":200,"message":"操作成功","data":[{"firstCateLabelId":"768411388707078144","firstCateName":"111"},{"firstCateLabelId":"767443075915055105","firstCateName":"测试","cateLabelList":[{"secondCateLabelId":"767454466403205121","secondCateName":"测试啦啦啦"},{"secondCateLabelId":"767443120433397760","secondCateName":"测试二级"}]},{"firstCateLabelId":"767442846910251008","firstCateName":"测试自定义","cateLabelList":[{"secondCateLabelId":"767456469275639809","secondCateName":"自定义2"},{"secondCateLabelId":"767456438304899072","secondCateName":"自定义1"}]},{"firstCateLabelId":"687360797864624128","firstCateName":"78","cateLabelList":[{"secondCateLabelId":"767456497285201920","secondCateName":"123456"},{"secondCateLabelId":"687361062521012224","secondCateName":"784"},{"secondCateLabelId":"687360822166421505","secondCateName":"45"}]}],"traceId":"246d6ba60cfa274b"}
    
    
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24
    • 25
    • 26
    • 27
    • 28
    • 29
    • 30
    • 31
    • 32
    • 33
    • 34
    • 35
    • 36
    • 37
    • 38
    • 39
    • 40
    • 41
    • 42
    • 43
    • 44
    • 45
    • 46
    • 47
    • 48
    • 49
    • 50
    • 51
    • 52
    • 53
    • 54
    • 55
    • 56
    • 57
    • 58
  • 相关阅读:
    内网渗透信息收集
    VS Code打造Rust的开发环境
    机器学习--决策树(sklearn)
    【开源】SpringBoot框架开发假日旅社管理系统
    Arduino驱动ICG-20660L传感器(惯性测量传感器篇)
    python http服务屏蔽响应日志输出,终端不输出时间日志
    计算机毕业设计(附源码)python综合众筹网站
    spark jdbc操作
    Java培训了6个月,我竟然是第一个拿到offer的
    Anaconda之导出/导出配置好的虚拟环境
  • 原文地址:https://blog.csdn.net/weixin_47981445/article/details/126482095