enhanced el tree下載 - enhanced el tree源代碼下載

enhanced el tree

其他類別

1.0.0

下載

增強的el-tree

基於Element-UI的樹組件，添加一些有用的功能和horizontal-mode

期貨

水平模式

也可以說是多cabesader組件。嘗試演示

限制：``當使用horizontal mode時，某些原始樹屬性將不採用EFFECT，例如：縮進，手風琴等。

額外的屬性

屬性	描述	類型	接受的值	預設
水平的	是否激活水平模式	布爾	-	錯誤的
樹節點 - 與班級	激活水平模式時，將這些類添加到水平塊包裝器中	細繩	-	-
開放檢查	單擊複選框以表現得像單擊樹節點	布爾	-	錯誤的

額外有用的方法

姓名	描述	參數
GetallCheckedKeys	像`getCheckedKeys` ，但包括不確定的節點
getallcheckednodes	像`getCheckedNodes` ，但包括不確定的節點
setCheckedNodesprecis	通常與`getAllCheckedNodes`一起恢復樹的原始狀態	一系列節點從`getAllCheckedKeys`獲得
setcheckedkeysprecisly	通常與`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 >