vue中使用iview修改Cascader的默认数据

方法一:
		var json = res.data.data.children; //请求到的数据
        let list = [];
        for (var i = 0; i < json.length; i++) {
          var children = [];
          for (var j = 0; j < json[i].children.length; j++) {
            var child = json[i].children[j]; //子级集合
            children.push({
              value: child.classifyId, //这里是你的树的子级id
              label: child.classifyName //这里是你的树的子级name
            });
          }
          list.push({
            value: json[i].classifyId, //这里是你的树的第一层的id
            label: json[i].classifyName, //这里是你的树的第一层的name
            children: children
          });
        }
        this.data = list; //这里获取到我们遍历的树形结构
        console.log(this.data);
方法二:
 		this.data = convertTree(json); //json是请求到的数据
        function convertTree(tree) {
          const result = [];

          tree.forEach(item => {
            let {
              classifyId: value,
              classifyName: label,
              children: children
            } = item;

            if (children) {
              children = convertTree(children);
            }

            result.push({
              value,
              label,
              children
            });
          });
          return result;
        }

你可能感兴趣的:(vue中使用iview修改Cascader的默认数据)