解决方案：el-cascader级联选择器出现空面板的问题

发表于 更新于 分类于 ， ， 阅读次数：

Cascader级联选择器出现空面板的问题

vue、element、el-element

image-20210617122750695

出现空白面板是因为树形结构的数据的最底层 children 是个空数组。遇到这种问题，前端可以通过递归，将 children 长度为 0 的节点对象的 children 属性删除，或将值赋为 undefined

1
2
3
4
5
6
7
cleanData(itemList) {  // 将根节点的 children 传入，传入的只是数据对象的引用
    for (const item of itemList) {
        if (item.children.length === 0) delete item.children
        else this.cleanData(item.children)
    }
    return itemList 
}