:data //树的数据
 default-expand-all //是否默认展开所有节点
 node-key="id"  //每个树节点用来作为唯一标识的属性，整棵树应该是唯一的
 ref="addressDepartTree" //用来获取这个tree结构
 highlight-current //是否高亮当前选中节点，默认值是 false
 :expand-on-click-node="false" //是否在点击节点的时候展开或者收缩节点， 默认值为 true，如果为 false，则只有点箭头图标的时候才会展开或者收缩节点
 :props="defaultProps" //配置选项，具体看下表
 @node-click="handleNodeClick"//点击事件
 @node-contextmenu="contextMeunClick"//右键菜单功能

     <el-tree
        class="iip-addressbook__departtree"
        :data="dataList"
        default-expand-all
        node-key="id"
        ref="addressDepartTree"
        highlight-current
        :expand-on-click-node="false"
        :props="defaultProps"
        @node-click="handleNodeClick"
        @node-contextmenu="contextMeunClick">
      </el-tree>

通讯录逻辑

获取树列表    getDepartTreeStruct ----》在这个方法里面调用 获取每个部分的通讯录 展开 handleNodeClick  （getDepartmentMembers 获取的员工信息在右侧显示table）

SRE实战 互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。
扫码关注我们
微信号：SRE实战
拒绝背锅 运筹帷幄