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

66 lines
1.4 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

##prop说明
###data
必输
原始数据,要求是一个数组或者对象
```javascript
[{
key1:value1,
key2:value2,
children:[{
key1:value1
},{
key1:value1
}]
},{
key1:value1
}]
```
或者
```javascript
{
key1:value1,
key2:value2,
children:[{
key1:value1
},{
key1:value1
}]
}
```
###columns
必输
列属性,要求是一个数组
1. text: 显示在表头
2. value: 对应data的keytreeTable将显示相应的value
3. width: 每列的宽度,为一个数字
```javascript
[{
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`