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);
        }
    });
  }
}

相关推荐
郑州光合科技余经理29 分钟前
实战:攻克海外版同城生活服务平台开发五大挑战
java·开发语言·javascript·数据库·git·php·生活
Yanni4Night39 分钟前
JavaScript打包器大奖赛:谁是构建速度之王? 🚀
前端·javascript
SakuraOnTheWay1 小时前
解构 JavaScript 迭代器:一行代码引发的性能思考
javascript·性能优化
默海笑1 小时前
VUE后台管理系统:项目架构之搭建Layout架构解决方案与实现
前端·javascript·vue.js
csdn_aspnet1 小时前
C# 电子签名及文档存储
javascript·c#
麦麦大数据1 小时前
F051-vue+flask企业债务舆情风险预测分析系统
前端·vue.js·人工智能·flask·知识图谱·企业信息·债务分析
1024肥宅1 小时前
现代 JavaScript 特性:ES6+ 新特性深度解析与实践
前端·javascript·面试
苹果电脑的鑫鑫2 小时前
vue和react缩进规则的配置项如何配置
前端·vue.js·react.js
BD_Marathon2 小时前
Vue3_工程文件之间的关系
前端·javascript·vue.js
weibkreuz2 小时前
模块与组件、模块化与组件化的理解@3
开发语言·前端·javascript