Vue Treeselect 下拉树状结构选择并展示

转发某位大牛的链接 https://blog.csdn.net/Dream_xun/article/details/83116804
分享:我在请求后台返回的数据的时候,自己利用递归遍历封装了方法把后台请求的数据转换成插件需要的数据格式
这里转换的是对象数组形式

一、后台返回的对象数组需要自己封装

//封装方法
function buildTree(data){
      //构建tree的根节点 即超级管理员
       var tree = new Object();
       parseTree(data, tree);
       var list  = new Array();
       list.push(tree);
       return list;
  }
 function parseTree(data, tree) {
      tree.label = data.RoleName;
      tree.id = data.ID;
      //构建子节点
      var subTree = data.listManagerRole;
      if(!subTree || subTree.length === 0) {
          return tree;
      } else {
        var children = new Array();
        for(var i = 0, len = subTree.length;i < len; i++) {
           var child = new Object();
           child = parseTree(subTree[i], child)
           children.push(child)
        }
          tree.children = children;
          return tree;
       }
  }

二、后台返回了规定的数据格式、选择的时候需要给后台传入id和label

 
                    

你可能感兴趣的:(treeselect总结,vue)