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)

  • 相关阅读:
    POM (Project Object Model)简介
    Maven 依赖管理
    Maven仓库—Nexus环境搭建及简单介绍
    Maven的几个核心概念
    maven本地仓库的配置以及如何修改默认.m2仓库位置
    Maven修改镜像仓库地址
    Maven生命周期
    Maven 和 Ant 的区别?
    Maven简介
    Maven常用命令
  • 原文地址:https://www.cnblogs.com/joer717/p/10861356.html
Copyright © 2011-2022 走看看