vue表格树状图

Posted 2023-03-18

参考技术A 此组件仅提供一个创建 TreeTable 的解决思路。它基于 element-ui 的 table 组件实现，通过 el-table 的 row-style 方法，在里面判断元素是否需要隐藏或者显示，从而实现 TreeTable 的展开与收起。

并且本组件充分利用 vue 插槽的特性来方便用户自定义。

evel.js 里面， addAttrs 方法会给数据添加几个属性， treeTotable 会对数组扁平化。这些操作都不会破坏源数据，只是会新增属性。

目前提供了几个方法，不过只是 beta 版本，之后很可能会修改。

如果有其他的需求，请参考 el-table 的 api 自行修改 index.vue

This component only provides a solution for creating TreeTable . It is based on the element-ui table component. It uses the row-style method of el-table to determine whether the element needs to be hidden or displayed.

And this component makes full use of the features of the vue slot to make it user-friendly.

In evel.js , the addAttrs method adds several properties to the data, and treeTotable flattens the array. None of these operations will destroy the source data, just add properties.

Several methods are currently available, but only the beta version, which is likely to be modified later.

If you have other requirements, please refer to the el-table api to modify the index.vue