1
0
mirror of https://github.com/PanJiaChen/vue-element-admin.git synced 2025-04-06 03:57:53 +08:00
2018-01-23 15:03:09 +08:00

1.8 KiB
Raw Blame History

写在前面

此组件仅提供一个创建TreeTable的解决方案

##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: 每列的宽度,为一个数字 如果你想要每个字段都有自定义的样式或者嵌套其他组件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