enhanced el tree下载 - enhanced el tree源码下载

enhanced el tree

其他类别

1.0.0

下载

增强型 el 树

在element-ui的树形组件的基础上，添加一些有用的功能和horizontal-mode

期货

水平模式

或者可以说是多级联组件。Try it Demo

限制：当使用horizontal mode时，某些原始树属性将不生效，例如：缩进、手风琴等。

额外属性

属性	描述	类型	可接受的值	默认
水平的	是否启用水平模式	布尔值	-	错误的
树节点包装类	激活水平模式时将这些类添加到水平块包装器	细绳	-	-
检查时打开	单击复选框的行为类似于单击树节点	布尔值	-	错误的

额外有用的方法

姓名	描述	参数
获取所有已检查的密钥	类似于`getCheckedKeys`但包含不确定的节点
获取所有已检查节点	类似于`getCheckedNodes`但包含不确定的节点
精确设置检查节点	通常与`getAllCheckedNodes`一起使用来恢复树的原始状态	从`getAllCheckedKeys`获取的节点数组
精确设置CheckedKeys	通常与`getAllCheckedKeys`一起使用来恢复树的原始状态	从`getAllCheckedKeys`获取的键数组
getCheckedKeysWithoutChild	获取除所有子检查节点之外的检查节点，请看下面的示例
getCheckedNodesWithoutChild	同上

getCheckedKeysWithoutChild示例：

 /**
 *
 * @example
 *  level1 - intermediate
 *    level1.1 - checked
 *      level1.1.1 - checked
 *      level1.1.2 - checked
 *    level1.2 - checked
 *    level1.3 - intermediate
 *      level1.3.1 - checked
 *      level1.3.2 - not checked
 *    level1.4 - not checked
 *  level2 - checked
 *
 *  getCheckedKeysWithoutChild() will return [level2, level1.1, level1.2, level1.3.1]
 */

安装

$ npm install @xlaoyu/enhanced-el-tree -D

用法

 < template >
  < enhanced-el-tree horizontal > </ enhanced-el-tree >
</ template >

< script >
import EnhancedElTree from '@xlaoyu/enhanced-el-tree' ;

// component constructor
{
  name : 'FooComponent' ,
  components : {
    EnhancedElTree
  }
}
</ script >