zoukankan      html  css  js  c++  java
  • 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)

  • 相关阅读:
    Character 比较注意先要转换成字符串类型
    ibats注意
    初试体验java多线程
    解压jar
    Velocity语法--转载
    python 批量请求url
    java.lang.NoClassDefFoundError
    疑问
    sql常用语句--转载
    Spring AOP高级——源码实现(3)AopProxy代理对象之JDK动态代理的创建过程
  • 原文地址:https://www.cnblogs.com/joer717/p/10861356.html
Copyright © 2011-2022 走看看