上图所示,后端返回字段中有hasChildren字段。
解决树状表格失效方案:
从后端拿到数据后,递归去掉该字段,然后就能正常显示。(复制下方代码,直接用)
亲测有效,vue2、vue3通用
/**递归函数 */
function recursion(data: Array<any>) {if (data.length) {data.forEach((element: any) => {delete element.hasChildrenif ("children" in element) {recursion(element.children);}});}
}