ElementUI —— Cascader 级联选择器

前言:

        项目中使用Cascader级联选择器,通过递归处理后端接口返回的数据。

ElementUI —— Cascader 级联选择器_第1张图片

 

ElementUI —— Cascader 级联选择器_第2张图片 

function fn(temp) {
    let newArr = [];
    for (let i = 0; i < temp.length; i++) {
      let obj = {};
      obj.value = temp[i].name;
      obj.label = temp[i].name;
      obj.children = [];
      if (temp[i].children.length > 0) {
        obj.children = fn(temp[i].children);
        data.options.push(obj); //往options中添加数据
      }else {
        newArr.push(obj);
      }
    }
   return newArr;
 }

你可能感兴趣的:(ElementUI,elementui,前端)