vue2vue3为什么el-table树状表格失效?

上图所示,后端返回字段中有hasChildren字段。

解决树状表格失效方案:

从后端拿到数据后,递归去掉该字段,然后就能正常显示。(复制下方代码,直接用)

亲测有效,vue2、vue3通用

javascript 复制代码
/**递归函数 */
function recursion(data: Array<any>) {
  if (data.length) {
    data.forEach((element: any) => {
      delete element.hasChildren
        if ("children" in element) {
          recursion(element.children);
        }
    });
  }
}

相关推荐
kyriewen6 小时前
程序员连夜带团队跑路,省了23万:这AI太贵,真的用不起了
前端·javascript·openai
我叫黑大帅9 小时前
为什么需要 @types/react?解决“无法找到模块 react 的声明文件”报错
前端·javascript·面试
之歆9 小时前
DAY_21JavaScript 深度解析:数组(Array)与函数(Function)(一)
前端·javascript
爱上好庆祝10 小时前
学习js的第七天(wed APIs的开始)
前端·javascript·css·学习·html·css3
ooseabiscuit11 小时前
Laravel6.x核心优化与特性全解析
android·开发语言·javascript
哆啦A梦158812 小时前
20, Springboot3+vue3实现前台轮播图和详情页的设计
javascript·数据库·spring boot·mybatis·vue3
gogoing12 小时前
ESLint 配置字段说明
前端·javascript
Lkstar12 小时前
面试官让我手写 Promise.all / Promise.race / Promise.allSettled,我直接水灵灵地写出来了
javascript·面试
gogoing12 小时前
webpack 的性能优化
前端·javascript
gogoing12 小时前
Node.js 模块查找策略(require 完整流程)
javascript·node.js