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

相关推荐
xkxnq2 分钟前
第二阶段:Vue 组件化开发(第 16天)
前端·javascript·vue.js
北辰alk4 分钟前
Vue 插槽(Slot)完全指南:组件内容分发的艺术
vue.js
北辰alk10 分钟前
Vue 组件中访问根实例的完整指南
vue.js
Van_Moonlight11 分钟前
RN for OpenHarmony 实战 TodoList 项目:空状态占位图
javascript·开源·harmonyos
北辰alk16 分钟前
Vue Router 中获取路由参数的全面指南
vue.js
北辰alk19 分钟前
Vue 的 v-cloak 和 v-pre 指令详解
vue.js
期待のcode22 分钟前
前后端分离项目 Springboot+vue 在云服务器上的部署
服务器·vue.js·spring boot
xkxnq23 分钟前
第一阶段:Vue 基础入门(第 15天)
前端·javascript·vue.js
北辰alk25 分钟前
Vue 过滤器:优雅处理数据的艺术
vue.js
BBBBBAAAAAi2 小时前
Claude Code安装记录
开发语言·前端·javascript