el表格的树状结构的序号

需求是这样第一级的序号是正常的，子级的序号是根据父级序号接着的，但是基本的操作好像都实现不了。然后就在cnds找了好久，只有这一个是符合我的需求，

html部分：

<el-table-column type="index" label="序号" width="80">
    <template slot-scope="scope">
         <span>{{scope.row.index}}</span>
    </template>
</el-table-column>

序号的table-column用插槽。

js部分

//获取表格数据的请求
getTable(){
    //传参方法
    const params = {
        
    }
    apis.get("",params).thne(data =>{
        this.tableData = data.data.data
        //先判断表格数据是否为空
        if(this.tableData.length > 0){
            this.setTableIndex(this.tableData)
        }
    })
},
//主要加序号的方法
setTableIndex(arr, index) {
    arr.forEach((item, key) => {
        item.index = key + 1;
        if (index) {
            item.index = index + "-" + (key + 1);
        }
        if (item.children) {
            this.setTableIndex(item.children, item.index);
        }
    });
}

解决办法的原文链接放这：t.csdn.cn/zLLd7

目前还没发现有什么bug，如果分页后没什么bug。，那基本上就可以了。

还有就是树状结构的折叠符号，只有第一级才有符号，子级的符号看不到，但是可以点击折叠展开。

找问题还不知道怎么描述。就暂时先放这了，因为还有其他功能没做完。