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)

  • 相关阅读:
    dtclog
    求助解决 SQL SERVER 2005 log 事务日志增长太快的问题
    开辟第二战场
    c# 排序 求助
    怎样玩转3D
    爬楼梯问题迭代算法解!
    C++中类的继承方式的区别以及private public protected 范围
    想转c++
    PHP相关笔记
    常用快捷键
  • 原文地址:https://www.cnblogs.com/joer717/p/10861356.html
Copyright © 2011-2022 走看看