记录elementUI树形表格，序号按1，1.1，1.1.1生成

原创已于 2023-08-28 18:09:31 修改 · 907 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#elementui #前端 #javascript

于 2023-03-14 16:34:26 首次发布

这段代码定义了一个名为setIndex的函数，用于处理数据以生成符合树形表格结构的序号。它使用队列和循环来遍历数据，为每个节点分配customIndex和currentIndex。当遇到有子节点的条目时，会递归地更新子节点的序号，并将它们添加到队列中，从而形成1,1.1,1.1.1这样的层次结构。

setIndex(data) {

let queue = [...data]

let loop = 0

while (queue.length > 0) {

loop++

[...queue].forEach((child, i) => {

queue.shift()

if (loop == 1) {

child.customIndex = i + 1 + ''

child.currentIndex = i

}

if (child.children && child.children.length > 0) {

child.dataType = 1

for (let ci = 0; ci < child.children.length; ci++) {

child.children[ci].currentIndex = ci

child.children[ci].customIndex = child.customIndex + '.' + (ci + 1)

}

queue.push(...child.children)

} else {

child.dataType = 2

}

})

}

}

记录elementUI树形表格，序号按1，1.1，1.1.1生成