el-table树形折叠

QQ图片20200701090131.png

核心代码如下：

              <el-table v-loading="loading" :data="tableData" class="table" size="medium" stripe default-expand-all
                    :tree-props="{children: 'twoJson', hasChildren: 'hasChildren'}" row-key="typeId" >
                    <el-table-column prop="typeId" label="分类ID" width="210" type=""></el-table-column>
                     <el-table-column prop="typeName" label="分类名称" >
                        <template slot-scope="scope">
                            {{scope.row.pid==0?scope.row.typeName:"|--"+scope.row.typeName}}
                        </template>
                    </el-table-column>
                </el-table>
百度了半天，总算找到了树形的解决办法。
1.  默认展开
default-expand-all
2.要有子树，子树的数组名字是twoJson。 
:tree-props="{children: 'twoJson', hasChildren: 'hasChildren'}"
3.必须有唯一关键key，
row-key="typeId"
4.第一行不折叠，那么有type=""