vue-element-admin/src/components/TreeTable/readme.md

1.4 KiB
Raw Blame History

##prop说明 ###data 必输

原始数据,要求是一个数组或者对象

[{
  key1:value1,
  key2:value2,
  children:[{
    key1:value1
  },{
    key1:value1
  }]
},{
  key1:value1
}]

或者

   {
     key1:value1,
     key2:value2,
     children:[{
       key1:value1
     },{
       key1:value1
     }]
   }

###columns 必输

列属性,要求是一个数组

  1. text: 显示在表头
  2. value: 对应data的keytreeTable将显示相应的value
  3. width: 每列的宽度,为一个数字
[{
  value:string,
  text:string,
  width:number
},{
  value:string,
  text:string,
  width:number
}]

expandAll

是否默认全部展开boolean值默认为false

evalFunc

解析函数function非必须

如果不提供将使用默认的evalFunc

如果提供了evalFunc,那么会用提供的evalFunc去解析data并返回treeTable渲染所需要的值。如何编写一个evalFunc请参考此目录下的eval.js

evalArgs

解析函数的参数,是一个数组

请注意自定义的解析函数参数第一个为this.data你不需要在evalArgs填写。

如你的解析函数需要的参数为(this.data,1,2,3,4),那么你只需要将[1,2,3,4]赋值给evalArgs就可以了

slot

请参考customTreeTable