vue tree-table 实现树形表格

在我们开发电商系统中，通常会有列表展示成tree 的形式，例如以下图片

此时, tree-table就可以满足我们的需求

 <tree-table
        class="treeTable"
        :data="catelist"
        :columns="columns"
        :selection-type="false"
        :expand-type="false"
        show-index
        index-text="#"
        border
        :show-row-hover="false"
      >
      </tree-table>

:data="catelist"  指定绑定的数据列表
:columns="columns"  为table指定列的名称

将以上两个属性绑定后，效果就实现啦~