vue3处理element plus组件库中Tree 树形控件数据

创建一个js或ts文件复制代码

使用递归方法

export const translateDataToTree = (data) => {

    let parents = data.filter(value => value.parent_code === 'undefined' || value.parent_code == null || value.parent_code == 0 || data.map(i => i.code).indexOf(value.parent_code) == '-1')

    let children = data.filter(value => value.parent_code !== 'undefined' && value.parent_code != null && value.parent_code != 0)

    let translator = (parents, children) => {

        parents.forEach((parent) => {

            children.forEach((current, index) => {

                if (current.parent_code === parent.code) {

                    let temp = JSON.parse(JSON.stringify(children))

                    temp.splice(index, 1)

                    translator([current], temp)

                    typeof parent.children !== 'undefined' ? parent.children.push(current) : parent.children = [current]

                }

            })

        })

    }

    translator(parents, children)

    return parents