mirror of
https://github.com/PanJiaChen/vue-element-admin.git
synced 2025-04-06 03:57:53 +08:00
1.8 KiB
1.8 KiB
写在前面
此组件仅提供一个创建TreeTable的解决方案
##prop说明 ###data 必填
原始数据,要求是一个数组或者对象
[{
key1: value1,
key2: value2,
children: [{
key1: value1
},
{
key1: value1
}]
},
{
key1: value1
}]
或者
{
key1: value1,
key2: value2,
children: [{
key1: value1
},
{
key1: value1
}]
}
###columns 列属性,要求是一个数组
- text: 显示在表头
- value: 对应data的key,treeTable将显示相应的value
- width: 每列的宽度,为一个数字 如果你想要每个字段都有自定义的样式或者嵌套其他组件,columns可不提供,直接像在el-table一样写即可,如果没有自定义内容,提供columns将更加的便捷方便
[{
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
其他
如果有其他的需求,请参考el-table的api自行修改index.vue