: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)