• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录

joer717

  • 博客园
  • 联系
  • 订阅
  • 管理

公告

View Post

el-tree

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

posted on 2019-05-14 11:37  joer717  阅读(242)  评论(0)    收藏  举报

刷新页面返回顶部
 
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3